Adjust UI for Contact, Contact editor, Messages and Message editor

UI/WebServerResources/scss/components/_palette.scss

@@ -14,6 +14,11 @@ $colorGray: rgba($colorBlack, .54);
 $colorGrayLight: rgba($colorBlack, .26);
 $colorGrayLighter: rgba($colorBlack, .12);
 
+// Whites for text
+// ----------------------------------------------------------------------------
+$colorWhite: #fff;
+
+
 // Color Palettes
 // At this stage of developpement --eg. version AngularMaterial v0.7.1--  ngMaterial theming is incomplete
 // and does not apply every specified hues, neither provide acces to it trough it's theming API

UI/WebServerResources/scss/components/autoScrollList/autoScrollList.scss

@@ -30,7 +30,8 @@
     &:active {
       color: sg-color($sogoBlue, 800);
     }
-    &:focus {
+    &:focus,
+    &._selected {
       background-color: sg-color($sogoBlue, 100);
     }
   }

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

@@ -33,4 +33,9 @@ button.icon {
   &:hover {
     color: sg-color($sogoBlue, 500);
   }
+}
+.sg-button-navicon {
+  width: $touch-zone;
+  height: $touch-zone;
+  margin-left: ($mg * -1);
 }

UI/WebServerResources/scss/components/icon/icon.scss

@@ -37,7 +37,3 @@ src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAjEMAAsAA
   font-weight: normal;
   font-style: normal;
 }
-.md-icon-lg {
-  line-height: 1;
-  vertical-align: initial;
-}

UI/WebServerResources/scss/components/select/select.scss

@@ -2,4 +2,15 @@
 
 md-select {
   margin-bottom: 2px;
-}
+  margin-right: $bl;
+}
+
+// angular material overqualifies, so we are
+md-select.md-default-theme.sg-toolbar-sort {
+  margin: 0 $bl -6px 0;
+  color: $colorWhite;
+  md-select-label.md-select-label {
+    border: none;
+    color: inherit;
+  }
+}

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

@@ -45,7 +45,7 @@ hgroup {
   justify-content: space-between;
   &-1 {
     order: 1;
-    max-width: $messageList-width;
+    max-width: $listView-width;
   }
   &-2 {
     order: 2;