move existing lib components to inbox

my-workspace/projects/sae-lib/colours/color-display/color-display.scss

@@ -6,6 +6,7 @@
   border: solid 2px transparent;
   box-shadow: 0 5px 10px #eee;
   color: #aaa;
+  max-width: 150px;
 
   .top {
     height: 8rem;
@@ -17,15 +18,17 @@
     border-bottom-right-radius: 0.25rem;
   }
 
-  .name{
+  .name {
     color: #333;
   }
+
   .name, .hexacode {
     padding: 0.5rem;
     background: white;
   }
-  .hexacode{
+
-    padding-top:0;
+  .hexacode {
+    padding-top: 0;
     font-size: 0.8rem;
   }
 }

my-workspace/projects/sae-lib/src/styles/_layout_demo.scss

@@ -20,6 +20,12 @@
     background: #1b1d27;
     color: white;
 
+    .navbar-item {
+      &.user-account-item {
+        color: #7FB8E7;
+      }
+    }
+
     .navbar-brand {
       margin-right: 35px;
 
@@ -28,6 +34,7 @@
         margin-left: 16px;
         border-bottom: 2px solid transparent;
 
+
         i {
           font-size: 24px;
         }
@@ -49,6 +56,8 @@
       text-transform: uppercase;
       margin-top: -0.25em;
     }
+
+
   }
 
   .navigation {