[10.0][IMP][web_responsive] (#569)

* [IMP] drawer-toggle

* [IMP] Hitbox of close drawer-toggle

* [IMP] Removed outline on menu item

* [IMP] Logo positionings

* [FIX] Try me on runbot button

* [REM] Reversed outline change

web_responsive/README.rst

@@ -35,7 +35,7 @@ The following keyboard shortcuts are implemented:
 
 .. image:: https://odoo-community.org/website/image/ir.attachment/5784_f2813bd/datas
    :alt: Try me on Runbot
-   :target: https://runbot.odoo-community.org/runbot/154/10.0
+   :target: https://runbot.odoo-community.org/runbot/162/10.0
 
 Known issues / Roadmap
 ======================
@@ -75,6 +75,7 @@ Contributors
 
 * Dave Lasley <dave@laslabs.com>
 * Jairo Llopis <jairo.llopis@tecnativa.com>
+* Dennis Sluijk <d.sluijk@onestein.nl>
 
 Maintainer
 ----------

web_responsive/static/src/less/app_drawer.less

@@ -18,16 +18,16 @@
     }
     
     .oe_logo {
+        margin-top: -11px;
+        position: relative;
         img {
-            margin-top: -@app-drawer-navbar-padding-vertical * 2;
             height: @app-drawer-title-height;
         }
         .oe_logo_edit {
             position: absolute;
-            top: 1px;
+            bottom: 0px;
             width: 100%;
             padding: 4px;
-            margin: 14px 0;
             display: none;
             color: @odoo-list-footer-bg-color;
             background: rgba(37,37,37,0.9);
@@ -51,7 +51,12 @@
     }
 
     .app-drawer-panel-title {
-        margin-top: 5px;
+        line-height: 16px;
+        > .drawer-toggle {
+            padding-top: 17px;
+            padding-bottom: 17px;
+            cursor: pointer;
+        }
     }
 
     .app-drawer-icon-app {

web_responsive/static/src/less/navbar.less

@@ -94,9 +94,10 @@ header {
                 > .drawer-toggle, .navbar-toggle {
                     margin: 0;
                     padding: 0;
-                    border: 1px solid @nav-tabs-active-link-hover-border-color;
+                    border: 0px;
+                    border-radius: 0px;
                     > i.fa, div.fa {
-                        padding: 16px 14px 15px;
+                        padding: 17px 14px 16px;
                     }
                 }
             }