From c037fc6eac2a3fcd29ac6e99127e73eda423e8a4 Mon Sep 17 00:00:00 2001
From: Mathias Fritsche <mathias@webmakers.de>
Date: Tue, 12 Sep 2017 09:26:56 +0200
Subject: [PATCH] Change Topbar Height, Fixed Outline on a-click

---
 src/app.less               |  5 ++++-
 src/components/sidebar.vue |  3 ++-
 src/components/topbar.vue  | 17 ++++++++++++++---
 3 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/app.less b/src/app.less
index d831993..6a5cfb6 100644
--- a/src/app.less
+++ b/src/app.less
@@ -82,6 +82,9 @@ strong {font-weight:700;}
 mark {color: @cms_brand_secondary;}
 a {text-decoration:none; color: @cms_brand_secondary;}
 a:hover {color:#901624;}
+a:focus {
+  outline: none;
+}
 
 
 /*--------------------------------------------------------------
@@ -204,7 +207,7 @@ button{
 /*--------------------------------------------------------------
 # Content Area
 --------------------------------------------------------------*/
-.content_area {position:absolute; left:70px; top:40px; right:0px; height: 100%;}
+.content_area {position:absolute; left:70px; top:50px; right:0px; height: 100%;}
 .content_main {position:relative; top:0px; padding:25px;}
 
 .cms_content_main_headline {margin-bottom:20px; position:relative;}
diff --git a/src/components/sidebar.vue b/src/components/sidebar.vue
index 59e6b65..e2e62ae 100644
--- a/src/components/sidebar.vue
+++ b/src/components/sidebar.vue
@@ -19,6 +19,7 @@
 
 <style lang="less">
     @import "../mixins";
+    @bar_height: 50px;
 
     /*--------------------------------------------------------------
     # Left Sidebar (Main Navigation)
@@ -26,7 +27,7 @@
     .sidebar {
         position: fixed;
         left: 0px;
-        top: 40px;
+        top: @bar_height;
         bottom: 0px;
         background: @ui_bg;
         color: white;
diff --git a/src/components/topbar.vue b/src/components/topbar.vue
index 4c837f6..e75b51a 100644
--- a/src/components/topbar.vue
+++ b/src/components/topbar.vue
@@ -81,7 +81,7 @@ export default {
 <style lang="less">
     @import "../mixins.less";
 
-    @bar_height: 40px;
+    @bar_height: 50px;
 
     /*--------------------------------------------------------------
     # Topbar (Sitename)
@@ -119,7 +119,7 @@ export default {
                 width: 30px;
                 height: auto;
                 margin: 0 auto;
-                padding-top: 4px;
+                padding-top: 8px;
             }
         }
 
@@ -159,7 +159,7 @@ export default {
         &>.trigger {
             .clearfix();
             display: block;
-            padding: 4px 10px;
+            padding: 9px 10px;
             font-size: 0;
             color: white;
             user-select: none;
@@ -239,4 +239,15 @@ export default {
             .trigger_btn .icon:before{transform: rotate(180deg);}
         }
     }
+
+    @media(max-width: @screen-xs-max) {
+        .user_profile {
+            &>.trigger {
+                .text {
+                    display:none;
+                }
+            }
+                
+        }
+    }
 </style>
\ No newline at end of file