display toggle button differently in navbar in home

web/static/src/scss/app.scss

@@ -49,12 +49,16 @@ body {
 
   &.o_in_home {
     background-color: #bba2a5;
+    a.o_title:hover {
+      background-color: #bba2a5;
+    }
   }
 
   a.o_title {
     padding: 13px 16px 16px 20px;
     color: white;
     font-size: 18px;
+    text-decoration: none;
   }
 
   a.o_title:hover,

web/static/src/ts/core/component.ts

@@ -45,7 +45,7 @@ export class Component<
   Props,
   State extends {}
 > extends EventBus {
-  __widget__: Meta<WEnv>;
+  readonly __widget__: Meta<WEnv>;
   template: string = "default";
   inlineTemplate: string | null = null;
 

web/static/src/xml/templates.xml

@@ -17,7 +17,7 @@
   </div>
 
   <div t-name="web.navbar" class="o_navbar" t-att-class="props.inHome ? 'o_navbar o_in_home' : 'o_navbar'">
-    <a aria-label="Applications" class="o_title fa fa-th" href="#" title="Applications" accesskey="h" t-on-click="toggleHome"/>
+    <a aria-label="Applications" t-att-class="props.inHome ? 'o_title fa fa-chevron-left' : 'o_title fa fa-th'" href="#" title="Applications" accesskey="h" t-on-click="toggleHome"/>
     <t t-if="!props.inHome &amp;&amp; props.app">
       <a class="o_menu_brand" t-att-href="getUrl(props.app)" role="button" t-on-click="openMenu(props.app)">
         <t t-esc="props.app.name"/>

web/static/tests/widgets/__snapshots__/root.test.ts.snap

@@ -3,7 +3,7 @@
 exports[`can be rendered (in home menu) 1`] = `
 "<div class=\\"o_web_client\\">
     <div class=\\"o_navbar o_in_home\\">
-    <a aria-label=\\"Applications\\" class=\\"o_title fa fa-th\\" href=\\"#\\" title=\\"Applications\\" accesskey=\\"h\\"></a>
+    <a aria-label=\\"Applications\\" class=\\"o_title fa fa-chevron-left\\" href=\\"#\\" title=\\"Applications\\" accesskey=\\"h\\"></a>
     
   </div>