UI done for video archiving

client/app/scss/style.scss

@@ -1,6 +1,3 @@
-@import './variables.scss';
-@import './mixins.scss';
-
 html {
   font-family: 'Roboto', sans-serif;
 }
@@ -29,13 +26,16 @@ i {
 body {
   background-color: $gray1;
   color: $white;
-  // padding-left: $navbarWidth;
 }
 
 .flex {
   display: flex;
 }
 
+.flex--v-center {
+  align-items: center;
+}
+
 .content {
   padding: 20px;
   @include tinyScreen {
@@ -43,16 +43,6 @@ body {
   }
 }
 
-.input {
-  border-radius: 3px;
-  border: 1px solid $lightGray;
-  padding-left: 5px;
-  padding-right: 5px;
-  height: 30px;
-  background: $gray5;
-  color: $white;
-}
-
 .column {
   flex: 1;
 
@@ -65,3 +55,19 @@ body {
   word-break: break-word;
   word-wrap: break-word;
 }
+
+.color {
+  &__red {
+    color: $red;
+  }
+
+  &__primary {
+    color: $primaryBlue;
+  }
+}
+
+.ellipsis {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}