RBAC React Component, displays/hides components based on role

[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 3c2b58e..a21aaa9 100644 (file)
--- a/skyquake/plugins/project_management/src/dashboard/projectMgmt.scss
+++ b/skyquake/plugins/project_management/src/dashboard/projectMgmt.scss
@@ -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;
@@ -131,6 +134,30 @@
             background:none;
             color: black;
         }
+
+    table {
+        font-size: 0.8rem;
+        thead {
+            border-bottom:1px solid #d3d3d3;
+            td{
+                font-weight:bold;
+            }
+        }
+        td{
+            padding:0.25rem 0.5rem;
+            vertical-align: middle;
+            .checkbox {
+                -ms-flex-pack:center;
+                    justify-content:center;
+            }
+        }
+    }
+    .userTable {
+        .FormSection-body {
+            max-width: 652px;
+            overflow-x: auto;
+        }
+    }
 }
 
 
@@ -198,7 +225,7 @@
     padding: 0.25rem;
     margin: .125rem 0;
     >div {
-        padding:0.25rem 1rem 0.25rem 0;
+        padding: 0.25rem;
         -ms-flex: 1 1 33%;
             flex: 1 1 33%;
         display: -ms-flexbox;