Fix sidenav toolbar (logo and buttons)

UI/WebServerResources/scss/components/button/_button.scss

@@ -35,6 +35,7 @@ sg-folder-tree .md-button {
 // Variables
 $iconButton-size: $touch-zone-width;
 $iconButton-icon-size: sg-size(title);
+$iconButton-menu-size: sg-size(headline);
 $iconButton-icon-padding: 2px;
 $iconButton-size-cursor-coarse: $iconButton-size;
 // Could be use to scale-down buttons if desktop layout suffers too much from touch-size
@@ -44,6 +45,7 @@ $iconButton-padding: ($iconButton-size - ($iconButton-icon-size + ($iconButton-i
 $iconButton-hover-scale: 1.25;
 $iconButton-transition: transform $swift-ease-in-duration $swift-ease-in-timing-function;
 
+
 // Classes
 .iconButton {
   padding: $iconButton-padding;
@@ -94,4 +96,8 @@ $iconButton-transition: transform $swift-ease-in-duration $swift-ease-in-timing-
   width: $touch-zone;
   height: $touch-zone;
   margin-left: ($mg * -1);
+}
+// angular-material is overspecifying so we are and so we have to continue
+.sg-button-navicon.iconButton span.md-icon-menu {
+  font-size: $iconButton-menu-size;
 }

UI/WebServerResources/scss/components/toolbar/toolbar.scss

@@ -1,8 +1,10 @@
 @import 'extends';
 
 md-toolbar {
+  // todo: create variables scaled z-index
   z-index: 20;
   box-shadow: none;
+  font-size: initial;
 }
 .md-toolbar-tools.md-toolbar-tools-bottom {
   height: (5 * $line);

UI/WebServerResources/scss/core/base_styles/_base_style.scss

@@ -19,7 +19,7 @@ main {
   background-image: url("../img/sogo-full.svg");
   background-size: contain;
   background-repeat: no-repeat;
-  margin-left: 16px;
+  margin: $bl 0 0 $mg;
   height: 7 * $bl;
   min-width: 18 * $bl;
 }