(css) Cleanup

UI/WebServerResources/scss/components/list/list.scss

@@ -304,7 +304,7 @@ div.md-tile-left {
   }
 }
 
-.md-avatar:before,
+.md-avatar::before,
 .md-avatar md-icon,
 sg-avatar-image md-icon,
 sg-avatar-image .material-icons {
@@ -313,12 +313,12 @@ sg-avatar-image .material-icons {
   font-size: $sg-avatar-width;
 }
 .sg-avatar-list {
-  &:before {
+  &::before {
     content: "\e7ef"; // group
   }
 }
 .sg-avatar-public {
-  &:before {
+  &::before {
     content: "\e80b"; // public
   }
 }
@@ -340,13 +340,13 @@ sg-avatar-image img {
   font-family: 'Material Icons';
   font-size: $sg-avatar-width;
   height: 100%;
-  &:before {
+  &::before {
     color: inherit;
     content: "\e835"; // check box outline
     font-size: $icon-size;
     margin: 0 ($sg-avatar-width - $icon-size)/2;
   }
-  &.sg-avatar-selected:before {
+  &.sg-avatar-selected::before {
     content: "\e834"; // check box
   }
 

UI/WebServerResources/scss/views/LoginUI.scss

@@ -18,6 +18,7 @@ $sg-login-width: grid-step(5);
     }
 
     // Overwrite Chrome autofill yellow background
+    // http://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete
     @-webkit-keyframes autofill {
       to {
         background: transparent;

UI/WebServerResources/scss/views/_view.scss

@@ -75,7 +75,7 @@ $listView-width: grid-step(6) !global;
     width: 100%;
     min-width: 100%;
   }
-  @include at(sm){
+  @include at(sm) {
     @include flex-col($breakpoint: sm, $nb: 6, $grow: 1, $shrink: 1);
     min-width: ($pitch * 3);
   }
@@ -92,7 +92,7 @@ $listView-width: grid-step(6) !global;
     > md-card {
       // Make sure the card is visible and its content scrollable
       overflow: hidden;
-      min-width: 100%;
+      //min-width: 100%;
       min-height: 0;
     }
   }