Style contact editor (model for add and remove)

UI/WebServerResources/js/Common/ui.js

@@ -52,7 +52,7 @@
           'contrastLightColors': ['300', '400', '500', '600', '700', '800', '900', 'A100', 'A200', 'A400', 'A700']
         });
         $mdThemingProvider.definePalette('paper', {
-          '50': 'fcf7f8',
+          '50': 'fcfbf8',
           '100': 'f7f1dc',
           '200': 'ede5ca',
           '300': 'e6d8ba',
@@ -68,7 +68,7 @@
           'A400': 'bdbdbd',
           'A700': '616161',
           'contrastDefaultColor': 'dark',
-          'contrastLightColors': '500 600 700 800 900'
+          'contrastLightColors': '800 900'
         });
         // Default theme definition
         // .primaryColor will soon be deprecated in favor of primaryPalette (already on dev builds https://groups.google.com/forum/m/#!topic/ngmaterial/-sXR8CYBMPg)
@@ -81,7 +81,7 @@
             })
           .accentColor('sogo-green')
           .backgroundColor('paper', {
-              'default': '600',
+              'default': '500',
               'hue-1': '200',
               'hue-2': '50',
               'hue-3': '100'

UI/WebServerResources/scss/components/_palette.scss

@@ -73,7 +73,7 @@ $sogoPaper: (
   A100: #fff,
   A200: #eee,
   A400: #bdbdbd,
-  A700: #616161
+  A700: #857545
 );
 $sogoGreen: (
   50: #eaf5e9,

UI/WebServerResources/scss/components/pseudo-input/pseudo-input.scss

@@ -36,7 +36,8 @@ $input-padding-top: 2px !default;
 
 }
 
-.pseudo-input-label {
+.pseudo-input-label,
+.button-label {
   display: inline-block;
   margin-top: $mg;
   color: $colorGrayLight;
@@ -44,6 +45,10 @@ $input-padding-top: 2px !default;
   font-size: sg-size(caption);
   line-height: $sg-line-height-1;
 }
+.pseudo-input-label--no-margin,
+.button-label {
+  margin-top: 0;
+}
 // md overqualifies so we are
 .md-input-focused label.pseudo-input-label,
 .md-input-has-value label.pseudo-input-label {
@@ -98,7 +103,8 @@ input::-webkit-datetime-edit,
 }
 
 .md-input-focused input::-webkit-datetime-edit,
-.md-input-focused /deep/ div#date-time-edit {
+.md-input-focused /deep/ div#date-time-edit,
+.md-input-has-value input::-webkit-datetime-edit {
   opacity: 1;
 }
 

UI/WebServerResources/scss/core/layout.scss

@@ -26,3 +26,10 @@ flex, flex-sm, flex-gt-sm, flex-md, flex-gt-md, flex-lg, flex-gt-lg, hide, hide-
     width: grid-step($i);
   }
 }
+
+// Rows are included in padded containers, margins are used for vertical spacing
+// ----------------------------------------------------------------------------
+[layout="row"].md-layout-margin {
+  margin-right: 0;
+  margin-left: 0;
+}