(css) Cleanup and fixes for latest md changes

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

@@ -115,54 +115,6 @@ a.md-button.sg-icon-button,
   display: block;
 }
 
-.md-button.iconButton.md-fab,
-// angular-material is overspecifying so we are
-.md-button.iconButton.md-fab.md-default-theme:not([disabled]) {
-  z-index: $z-index-fab;
-  // flex might stretch or squize fab bottons
-  min-width: $button-fab-width;
-  min-height: $button-fab-height;
-
-  &:hover {
-    [class^=md-icon],
-    [class*=md-icon-] {
-      transform: scale($iconButton-hover-scale);
-    }
-  }
-
-  @include at(sm) {
-    //position: absolute;
-    transform: translate3d(-100%, -50%, 0);
-    &:hover {
-      transform: translate3d(-100%, -49%, 0);
-    }
-  }
-
-  i[class|="md-icon"] {
-    padding: 0;
-    font-size: sg-size('headline');
-  }
-}
-
-.md-button.iconButton.md-fab.md-fab--bottom {
-  align-self: flex-end;
-  // this is to positioned the button on the container's edge
-  transform: translate3d(-50%, -50%, 0) !important; // at this point important is not worst than long selector
-  &:hover {
-    transform: translate3d(-50%, -49%, 0) !important;
-  }
-}
-
-.md-button.iconButton.md-fab.md-fab--bottom-inside {
-  transform: translate3d(0, (($button-fab-height + $mg) * -1), 0) !important; // at this point important is not worst than long selector
-  // to prevent empty space at bottom of container
-  position: absolute;
-  right: 0;
-  &:hover {
-    transform: translate3d(0, (($button-fab-height + $mg - 1) * -1) 0) !important; // at this point important is not worst than long selector
-  }
-}
-
 .sg-button-navicon {
   //top: ($mg * -1);
   //margin-left: ($mg * -1);

UI/WebServerResources/scss/components/card/card.scss

@@ -2,9 +2,9 @@
 @import 'extends';
 
 md-card {
-  overflow: hidden;
 
   md-card-content {
+    overflow-y: auto;
     transition: $swift-ease-in-out;
   }
 

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

@@ -1,11 +1,6 @@
 /// icon.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
 @import 'extends';
 
-// Override some md styles
-md-icon {
-  vertical-align: baseline;
-}
-
 // TODO: encode font in base64 to include it in the CSS
 // perl -MMIME::Base64 -0777 -ne 'print encode_base64($_, "")' < fonts/MaterialIcons-Regular.woff
 

UI/WebServerResources/scss/components/input/input.scss

@@ -1,11 +1,16 @@
 /// input.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
 @import 'extends';
 
-md-input-container.md-input-number {
-  flex-grow: 0;
-  width: 4em;
-  input {
-    text-align: center;
+md-input-container {
+  &.md-input-number {
+    flex-grow: 0;
+    width: 4em;
+    input {
+      text-align: center;
+    }
+  }
+  &.md-no-flex {
+    flex: none !important;
   }
 }
 

UI/WebServerResources/scss/components/sidenav/sidenav.scss

@@ -46,8 +46,7 @@ md-sidenav {
   }
 }
 
-// MAILER Folder tree (in the left sidenav
-// ---------------------------------------
+// Mailboxes tree
 $i: 1;
 @while $i < 12 {
   .sg-child-level-#{$i} { padding-left: $mg * $i; }

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

@@ -13,7 +13,6 @@ $toolbar-padding: $mg;
 // INFO: because we make intensive use of border-box box sizing model, horizontal paddings
 // must be declare in containers with sg-padded
 md-toolbar {
-  padding: $toolbar-padding 0;
   z-index: $z-index-toolbar;
   // dirty fix to override angular-material botchy typography
   font-size: 1em !important;
@@ -82,6 +81,7 @@ hgroup {
 .sg-toolbar-search {
   background-color: sg-color($sogoPaper, 100);
   color: rgba(0,0,0,0.54);
+  padding: $toolbar-padding 0;
   md-icon {
     color: rgba(0,0,0,0.54);
   }