Improve Administration module

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

@@ -16,6 +16,15 @@ md-card {
       margin: 0;
       flex-direction: row;
     }
+    .md-icon-button {
+      transition: $swift-linear;
+      transition-delay: 0.2s;
+      opacity: 1;
+      &.ng-hide {
+        transition: $swift-linear;
+        opacity: 0;
+      }
+    }
     md-card-content {
       order: 1;
       transition: $swift-ease-in-out;
@@ -40,6 +49,9 @@ md-card {
   &.sg-expanded {
     @extend .md-whiteframe-z2;
     margin: 0 0 1px 0;
+    &-remove {
+      transition-delay: 0.5s;
+    }
   }
 
   .md-button {

UI/WebServerResources/scss/core/typography.scss

@@ -342,12 +342,24 @@ html p {
   font-weight: $sg-font-regular;
   white-space: nowrap;
 }
-.#{$md}-display-2--light {
+.#{$md}-display-2--thin {
   $lineHeight: $sg-line-height-7;
   font-size: $sg-font-size-7;
   line-height: $lineHeight;
-  font-weight: $sg-font-light;
+  font-weight: $sg-font-thin;
  }
+.#{$md}-display-2-subheader {
+  @extend .#{$md}-title;
+  margin-bottom: $mg;
+  font-weight: $sg-font-regular;
+  white-space: normal;
+}
+.#{$md}-display-2-subheader--thin {
+  @extend .#{$md}-title;
+  margin-bottom: $mg;
+  font-weight: $sg-font-thin;
+  white-space: normal;
+}
 .#{$md}-display-3 {
   $lineHeight : $sg-line-height-8;
   font-size: $sg-font-size-8;
@@ -362,12 +374,6 @@ html p {
   font-weight: $sg-font-light;
   white-space: nowrap;
 }
-.#{$md}-display-2-subheader {
-  @extend .#{$md}-title;
-  margin-bottom: $mg;
-  font-weight: $sg-font-thin;
-  white-space: normal;
-}
 
 .sg-no-wrap {
   overflow: hidden;

UI/WebServerResources/scss/views/AdministrationUI.scss

@@ -0,0 +1,20 @@
+/// AdministrationUI.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
+
+[id="usersList"] > md-list {
+  // Since the users list doesn't use the virtual repeater, force the vertical scroll
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  overflow: hidden;
+  overflow-y: auto;
+
+  .sg-folder .md-button {
+    // Buttons in list-item to view the ACLs of a user's folder
+    @extend .sg-no-wrap;
+    flex: 1 1 auto;
+    text-align: left;
+    text-transform: none;
+  }
+}

UI/WebServerResources/scss/views/_view.scss

@@ -5,6 +5,7 @@
 @import 'ContactsUI.scss';
 @import 'MessageEditorUI';
 @import 'SchedulerUI';
+@import 'AdministrationUI';
 
 .view[layout=row],
 .view.layout-row {