multi-server changes and prototype additions

Change-Id: Icfdf19205bc4123ebd1bea086f01323ec41b4685
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>

1 files changed, 35 insertions, 16 deletions

diff --git a/app/common/styles/layout/header.scss b/app/common/styles/layout/header.scss
index b2d90bc..e2d5260 100644
--- a/app/common/styles/layout/header.scss
+++ b/app/common/styles/layout/header.scss
@@ -133,22 +133,42 @@ header {
     }
   }
 
-  .header__functions {
-    .header__server-power,
-    .header__page-refresh,
-    .header__server-health,
-    .header__info {
-      background: $lightgrey;
-      @include round-corners;
-      margin: 0 .3em;
-      height: 100%;
-      border: 1px solid $medgrey;
-      opacity: 1;
+  .header__server-power,
+  .header__page-refresh,
+  .header__server-health,
+  .header__info,
+  .header__multi-server {
+    background: $lightgrey;
+    @include round-corners;
+    margin: 0 .3em;
+    height: 100%;
+    border: 1px solid $medgrey;
+    opacity: 1;
+    @include fastTransition-all;
+    &:hover {
+      background: rgba(255, 255, 255, 1);
+    }
+  }
+
+  .header__multi-server {
+    padding: .5em;
+    padding-top: .8em;
+    float: left;
+    margin-top: 10px;
+    margin-right: -10px;
+    .icon-angle::before {
+      margin-left: 0;
+      transform: rotate(90deg);
       @include fastTransition-all;
-      &:hover {
-        background: rgba(255, 255, 255, 1);
+    }
+    &.active {
+      .icon-angle::before {
+        transform: rotate(266deg);
+        @include fastTransition-all;
       }
     }
+  }
+  .header__functions {
     .header__info {
       padding: .3em;
       min-width: 60px;
@@ -176,8 +196,8 @@ header {
     }
 
     &.active > .header__info > .icon-angle::before {
-        transform: rotate(-360deg);
-        @include fastTransition-all;
+      transform: rotate(-360deg);
+      @include fastTransition-all;
     }
 
     .header__refresh {
@@ -189,7 +209,6 @@ header {
       }
     }
   }
-
   .header__page-refresh {
     padding-top: 0;
     position: relative;