Logging & Styling

client/src/styles.scss

@@ -157,4 +157,60 @@ div.ag-row {
 .mdc-notched-outline__notch
 {
   border-right: none;
+}
+
+
+.p-4 {
+    padding: 1rem;
+}
+
+.bg-gray-50 {
+    background-color: rgb(249 250 251);
+}
+
+.rounded-md {
+    border-radius: 0.375rem;
+}
+
+.shadow-sm {
+    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+}
+
+.text-gray-400 {
+    color: rgb(156 163 175);
+}
+
+.mr-2 {
+    margin-right: 0.5rem;
+}
+
+.spacer-y8 {
+  height: 8px;
+}
+
+.spacer-y16 {
+  height: 16px;
+}
+
+.spacer-y32 {
+  height: 32px;
+}
+
+.mat-mdc-button, .mat-mdc-raised-button:not(.mat-mdc-button-disabled) {
+  .mdc-button__label, .mat-icon {
+    color: #000;
+  }
+}
+
+
+.btn-warning:not(.mat-mdc-button-disabled) {
+  .mdc-button__label, .mat-icon {
+    color: rgb(197, 0, 0);
+  }
+}
+
+.btn-primary:not(.mat-mdc-button-disabled).mat-mdc-raised-button {
+  .mdc-button__label, .mat-icon {
+    color: rgb(32, 100, 0);
+  }
 }