Row striping for platform roles, users, and projects

[osm/UI.git] / skyquake / plugins / project_management / src / dashboard / projectMgmt.scss

diff --git a/skyquake/plugins/project_management/src/dashboard/projectMgmt.scss b/skyquake/plugins/project_management/src/dashboard/projectMgmt.scss
index 0d76a29..3b23963 100644 (file)
--- a/skyquake/plugins/project_management/src/dashboard/projectMgmt.scss
+++ b/skyquake/plugins/project_management/src/dashboard/projectMgmt.scss
@@ -6,7 +6,7 @@
 @import "style/_colors.scss";
 
 .projectManagement {
-        max-width: 900px;
+        max-width: 1200px;
 
     .skyquakePanel-wrapper {
         overflow-x: hidden;
@@ -88,12 +88,15 @@
 
         }
     }
-    .buttonGroup {
+    .rbacButtonGroup {
         margin: 0 0.5rem 0.5rem;
         background: #ddd;
         padding-bottom: 0.5rem;
         padding: 0.5rem 0;
+    }
+    .buttonGroup {
         border-top: #d3d3d3 1px solid;
+        padding-top:0.5rem;
     }
     .addUser {
         display:-ms-flexbox;
@@ -148,11 +151,16 @@
                     justify-content:center;
             }
         }
+        tbody tr {
+            &:nth-child(even) {
+                background:$neutral-dark-0;
+            }
+        }
     }
     .userTable {
         .FormSection-body {
-            max-width: 652px;
-            overflow-x: scroll;
+            max-width: 952px;
+            overflow-x: auto;
         }
     }
 }
@@ -236,6 +244,9 @@
         font-weight:bold;
     }
     &--data {
+        &:nth-child(even) {
+            background:$neutral-dark-0;
+        }
         &:hover:not(&-active) {
             background:$neutral-dark-1;
         }