Improve table styles

* Nicer table headers * Hide invitation IDs on small screens
2021-02-01 18:53:48 +01:00
parent 8997349186
commit 698e4381c2
2 changed files with 25 additions and 7 deletions
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -118,11 +118,6 @@ main {
    }
  }

-  th, td {
-    line-height: 1.5rem;
-    padding-right: 1rem;
-  }
-
  section {
    padding-bottom: 3rem;
    margin-bottom: 3rem;
@@ -132,6 +127,29 @@ main {
    }
  }

+  table {
+    width: 100%;
+
+    th, td {
+      line-height: 1.5rem;
+      padding-right: 1rem;
+
+      &.hide-small {
+        @include media-max(small) {
+          display: none;
+        }
+      }
+    }
+
+    th {
+      color: $text-color-discreet;
+      font-weight: normal;
+      text-transform: uppercase;
+      font-size: 0.85rem;
+      padding-bottom: 0.5rem;
+    }
+  }
+
  .actions {
    margin-top: 2rem;
  }