Adds parent table class. Adds button-span fix.

lib/assets/styles/classes.scss

@@ -468,6 +468,7 @@ a,
 }
 
 // TABLE
+.table {
   .table-container {
     display: grid;
     grid-template-rows: repeat(auto-fill, auto);
@@ -475,15 +476,18 @@ a,
     border-radius: var(--radius-md);
     overflow: hidden;
   }
+
   .table-row {
     display: grid;
     grid-template-columns: 1fr 4fr 1.5fr;
   }
+
   .table-head {
     .table-cell {
       background-color: var(--color-accent-contrast);
     }
   }
+
   .table-cell {
     padding: 1rem;
     height: 100%;
@@ -491,11 +495,13 @@ a,
     vertical-align: center;
     display: flex;
   }
+
   .table-text {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     display: flex;
+
     span {
       display: inline-block;
       text-overflow: ellipsis;
@@ -503,6 +509,24 @@ a,
     }
   }
 
+  button {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    span {
+      display: inherit;
+      align-items: center;
+      justify-content: center;
+    }
+  }
+}
+
+.table-row:nth-child(even) .table-cell {
+  background-color: var(--color-bg);
+}
+
 // CUSTOM COMPONENTS
 // TODO: MOST OF THESE SHOULD BE MOVED TO AN OMORPHIA COMPONENT
 .textarea-wrapper {