Add toolbars Icons (several bugs, some remaining)

UI/WebServerResources/scss/core/layout.scss

@@ -16,3 +16,13 @@ flex, flex-sm, flex-gt-sm, flex-md, flex-gt-md, flex-lg, flex-gt-lg, hide, hide-
 .md-flex {
   flex: 1 1 auto;
 }
+
+@for $i from 1 to 20 {
+  .cols-#{$i} {
+  max-width: grid-step($i);
+  flex: 1 1 auto;
+  }
+  .cols-#{$i}.spacer {
+    width: grid-step($i);
+  }
+}

UI/WebServerResources/scss/core/mixins.scss

@@ -29,4 +29,4 @@
       @extend #{'['$selector']'} !optional
     }
   }
-}
+}

UI/WebServerResources/scss/core/variables.scss

@@ -51,6 +51,8 @@ $layout-breakpoint-lg:     1200px !default;
 // App bar variables
 $app-bar-height: 64px;
 
+$messageList-width: grid-step(7);
+
 $toast-height: $baseline-grid * 3 !default;
 $toast-margin: $baseline-grid * 1 !default;