Table styles fix.

beachio · Nov 17, 2018 · fd003f8 · fd003f8
1 parent e1f6c81
commit fd003f8
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 6 deletions.
diff --git a/src/components/mainArea/content/ContentList/ContentList.sss b/src/components/mainArea/content/ContentList/ContentList.sss
@@ -69,7 +69,7 @@
       transform: translateY(-50%)
 
     .type
-      flex: 0 0 85%
+      flex: 1 1 200px
 
     .name,
     .description,
@@ -89,7 +89,7 @@
       letter-spacing: 0.46px
 
     .updated
-      flex: 0 0 15%
+      flex: 0 1 150px
 
 
 .filters
@@ -149,6 +149,8 @@
 
 .hidden
   &-controls
+    position: absolute
+    right: -40px
     opacity: 0.001
     transition: opacity 0.1s ease
     will-change: opacity

diff --git a/src/components/mainArea/models/Model/Model.sss b/src/components/mainArea/models/Model/Model.sss
@@ -75,6 +75,8 @@
 
 .hidden
   &Controls
+    position: absolute
+    right: -40px
     opacity: 0.001
     transition: opacity 0.1s ease
     will-change: opacity

diff --git a/src/components/mainArea/models/ModelsList/ModelsList.sss b/src/components/mainArea/models/ModelsList/ModelsList.sss
@@ -16,7 +16,7 @@
     background: #fff
 
     margin: 3px 10%
-    padding: 5px
+    padding: 10px
 
     z-index: 5
 
@@ -35,7 +35,7 @@
       transform: translateY(-50%)
 
     .type
-      flex: 0 0 70%
+      flex: 1 1 200px
 
     .name,
     .description,
@@ -53,9 +53,11 @@
       letter-spacing: 0.46px
       margin-top: 3px
 
-    .fields,
+    .fields
+      flex: 0 0 60px
+
     .updated
-      flex: 0 0 15%
+      flex: 0 1 150px
 
 
   &-header
@@ -94,6 +96,8 @@
 
 .hidden
   &-controls
+    position: absolute
+    right: -40px
     opacity: 0.001
     transition: opacity 0.1s ease
     will-change: opacity