[FIX] web_responsive: Add logo, fix modularity & style

* Add style to hide oe_footer instead of remove to not break `support_branding`
* Add company logo and editing to App Drawer title bar
* Remove translation and screen reader from glyphs
* Minor style fixes on app drawer toggle button positioning
* Add note in ReadMe explaining override of `support_branding`
* Add note in ReadMe explaining why no `oe_main_menu_navbar`

web_responsive/static/src/js/web_responsive.js

@@ -85,7 +85,9 @@ odoo.define('web_responsive', function(require) {
             this.initDrawer();
             var $clickZones = $('.openerp_webclient_container, ' +
                                 'a.oe_menu_leaf, ' +
-                                'a.oe_menu_toggler'
+                                'a.oe_menu_toggler, ' +
+                                'a.oe_logo, ' +
+                                'i.oe_logo_edit'
                                 );
             $clickZones.click($.proxy(this.handleClickZones, this));
             core.bus.on('resize', this, this.handleWindowResize);

web_responsive/static/src/less/app_drawer.less

@@ -11,7 +11,27 @@
     border-radius: @border-radius-base;
     .box-shadow(0 6px 12px rgba(0, 0, 0, .175));
     background-clip: padding-box;
-
+    
+    .oe_logo {
+        img {
+            margin-top: -@app-drawer-navbar-padding-vertical;
+            height: @app-drawer-title-height;
+        }
+        .oe_logo_edit {
+            position: absolute;
+            top: 1px;
+            width: 100%;
+            padding: 4px;
+            margin: 14px 0;
+            display: none;
+            color: #eee;
+            background: rgba(37,37,37,0.9);
+        }
+        &:hover .oe_logo_edit_admin {
+            display: block;
+        }
+    }
+    
     .navbar-left {
         width: 100%;
 
@@ -25,7 +45,7 @@
     }
 
     .app-drawer-panel-title {
-        margin-top: 4px;
+        margin-top: 5px;
     }
 
     .app-drawer-icon-app {

web_responsive/static/src/less/main.less

@@ -21,3 +21,7 @@ main {
     height: 100%;
     overflow: hidden;
 }
+
+div.oe_footer {
+    display: none;
+}