Adapt to latest md changes

See https://github.com/angular/material/commit/17797f0

UI/WebServerResources/scss/components/autocomplete/autocomplete.scss

@@ -1,6 +1,6 @@
 @import "extends";
 
-@media (max-width: $layout-breakpoint-sm) {
+@media (max-width: $layout-breakpoint-xs) {
   // Enlarge the autocompletion menu on small devices to fit the entire screen
   .md-autocomplete-suggestions-container {
     right: $baseline-grid*2;

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

@@ -15,20 +15,6 @@
 ///
 /// ----------------------------------------------------------------------------
 
-// md-input variables we might use
-// ----------------------------------------------------------------------------
-$input-container-padding: 2px !default;
-
-$input-label-default-offset: 24px !default;
-$input-label-default-scale: 1.0 !default;
-$input-label-float-offset: 4px !default;
-$input-label-float-scale: 0.75 !default;
-
-$input-border-width-default: 1px !default;
-$input-border-width-focused: 2px !default;
-$input-line-height: 26px !default;
-$input-padding-top: 2px !default;
-
 .pseudo-input-container {
   display: block; // Should be (reset to ?) a plain block element
   padding: 0 2px;
@@ -94,108 +80,6 @@ input #inner-editor {
   line-height: inherit;
 }
 
-:root #placeholder,
-:root [pseudo="-webkit-input-placeholder"] {
-  padding: 0;
-  height: $mg;
-  color: $colorGrayLight;
-  font: inherit;
-  line-height: inherit;
-}
-
-input::-webkit-datetime-edit,
-:root div#date-time-edit {
-  opacity: 0;
-}
-
-.md-input-focused input::-webkit-datetime-edit,
-.md-input-focused div#date-time-edit,
-.md-input-has-value input::-webkit-datetime-edit {
-  opacity: 1;
-}
-
-md-input-container {
-  display: flex;
-  position: relative;
-  flex-direction: column;
-  flex: 1 1 auto;
-  padding: $input-container-padding;
-
-  textarea,
-  input[type="text"],
-  input[type="password"],
-  input[type="datetime"],
-  input[type="datetime-local"],
-  input[type="date"],
-  input[type="month"],
-  input[type="time"],
-  input[type="week"],
-  input[type="number"],
-  input[type="email"],
-  input[type="url"],
-  input[type="search"],
-  input[type="tel"],
-  input[type="color"] {
-    /* remove default appearance from all input/textarea */
-    -moz-appearance: none;
-    -webkit-appearance: none;
-  }
-  textarea {
-    resize: none;
-    overflow: hidden;
-  }
-
-  label {
-    order: 1;
-    pointer-events: none;
-    -webkit-font-smoothing: antialiased;
-    z-index: 1;
-    transform: translate3d(0, $input-label-default-offset, 0) scale($input-label-default-scale);
-    transform-origin: left top;
-    transition: all $swift-ease-out-timing-function 0.2s;
-  }
-
-  /* 
-   * The .md-input class is added to the input/textarea 
-   */
-  .md-input {
-    flex: 1;
-    order: 2;
-    display: block;
-
-    background: none;
-    padding-top: $input-padding-top;
-    padding-bottom: $input-border-width-focused - $input-border-width-default;
-    border-width: 0 0 $input-border-width-default 0;
-    line-height: $input-line-height;
-    -ms-flex-preferred-size: $input-line-height; //IE fix
-
-    &:focus {
-      outline: none;
-    }
-  }
-
-  &.md-input-focused,
-  &.md-input-has-value {
-    label {
-      transform: translate3d(0,$input-label-float-offset,0) scale($input-label-float-scale);
-    }
-  }
-  &.md-input-focused {
-    .md-input {
-      padding-bottom: 0px; // Increase border width by 1px, decrease padding by 1
-      border-width: 0 0 $input-border-width-focused 0;
-    }
-  }
-
-  .md-input[disabled] {
-    background-position: 0 bottom;
-    // This background-size is coordinated with a linear-gradient set in input-theme.scss
-    // to create a dotted line under the input. 
-    background-size: 3px 1px;
-    background-repeat: repeat-x;
-  }
-}
 md-input-container .bgroup {
   display: block;
 }

UI/WebServerResources/scss/components/radioButton/radio-button.scss

@@ -1 +1,9 @@
-@import "extends";
+@import "extends";
+
+md-input-container {
+  md-radio-group {
+    md-radio-button:first-child {
+      margin-top: $radio-top-left;
+    }
+  }
+}

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

@@ -1,32 +1 @@
 @import "extends";
-
-// Try to align select labels with other input components
-[layout="row"] {
-  .md-select-label {
-    padding-top: 4px;
-  }
-}
-
-// angular material overqualifies, so we are
-md-select.md-default-theme.sg-toolbar-sort {
-  margin: 0 $bl 4px 0;
-  color: $colorWhite;
-
-  md-select-label.md-select-label {
-    border: none;
-    color: inherit;
-  }
-}
-
-md-select.md-default-theme.sg-logout {
-  margin-top: $bl;
-  color: $colorWhite;
-
-  // angular material overqualifies, so we are
-  md-select-label.md-select-label,
-  md-select-label.md-select-label.md-placeholder,
-  md-select-label.md-select-label * {
-    border: none;
-    color: $colorWhite;
-  }
-}

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

@@ -41,12 +41,16 @@ md-toolbar,
   // Animate the first icon button of a "secondary" toolbar
   &.sg-toolbar-secondary {
     > .md-toolbar-tools > .sg-icon-button:first-child,
-    > .sg-icon-button:first-child {
+    > .md-toolbar-tools > .md-icon-button:first-child,
+    > .sg-icon-button:first-child,
+    > .md-icon-button:first-child {
       transition: $swift-ease-in;
       transform: translateX(0px);
     }
     &.ng-hide > .md-toolbar-tools > .sg-icon-button:first-child,
-    &.ng-hide > .sg-icon-button:first-child {
+    &.ng-hide > .md-toolbar-tools > .md-icon-button:first-child,
+    &.ng-hide > .sg-icon-button:first-child,
+    &.ng-hide > .md-icon-button:first-child {
       transform: translateX(-$touch-zone-width);
     }
   }