Change Topbar Height, Fixed Outline on a-click

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;}

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;

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>