Improving compliance stuff (#2963)

* Improving compliance stuff

* Fixing padding on mobile

webapp/sass/responsive/_mobile.scss

@@ -11,6 +11,15 @@
         }
     }
 
+    .compliance-panel,
+    .audit-panel {
+        .row {
+            > .form-group {
+                padding-left: 15px;
+            }
+        }
+    }
+
     .user-popover {
         pointer-events: none;
     }

webapp/sass/routes/_admin-console.scss

@@ -160,17 +160,6 @@
         width: 100%;
     }
 
-    .compliance__panel,
-    .audit__panel {
-        background-color: $white;
-        border: 1px solid $border-gray;
-        height: 70vh;
-        margin-top: 10px;
-        overflow: auto;
-        padding: 5px;
-        width: 100%;
-    }
-
     .app__content {
         color: #333;
 

webapp/sass/routes/_compliance.scss

@@ -0,0 +1,38 @@
+@charset 'UTF-8';
+
+.compliance-panel__table,
+.audit-panel__table {
+    background-color: $white;
+    border: 1px solid $border-gray;
+    margin-top: 10px;
+    max-height: 70vh;
+    min-height: 100px;
+    overflow: auto;
+    padding: 5px;
+    width: 100%;
+}
+
+.compliance-panel,
+.audit-panel {
+    .row {
+        > .form-group {
+            padding-left: 0;
+
+            &:first-child {
+                padding-left: 15px;
+            }
+        }
+
+        label {
+            font-weight: 600;
+        }
+    }
+
+    .fa-refresh {
+        margin-right: 5px;
+    }
+}
+
+.compliance-panel {
+    margin-bottom: 3em;
+}

webapp/sass/routes/_module.scss

@@ -4,6 +4,7 @@
 @import 'activity-log';
 @import 'admin-console';
 @import 'backstage';
+@import 'compliance';
 @import 'docs';
 @import 'error-page';
 @import 'loading';