fix theming + ui improvements

packages/frontend/src/app/components/view-members/view-members.scss

@@ -1,16 +1,33 @@
-mat-radio-group {
+@use "@angular/material" as mat;
+
+:host {
     display: flex;
-    flex-direction: column;
+    flex-flow: column;
+    height: 100%;
+    // overflow: auto;
 }
 
-.filter-header {
+.filter-container {
     display: flex;
     flex-direction: row;
-    justify-content: space-evenly;
+    justify-content: start;
+    gap: 5vw;
+    flex-wrap: wrap;
+}
+
+.table-container {
+    overflow: auto;
+    border: 1px solid var(--mat-sys-outline);
+    min-height: 400px;
 }
 
 mat-form-field {
-    height: 100%;
+    display: inline-block;
+}
+
+mat-radio-group {
+    display: flex;
+    flex-direction: column;
 }
 
 .status-filters {
@@ -19,3 +36,16 @@ mat-form-field {
     justify-content: center;
     gap: 1rem;
 }
+
+td {
+    border: 1px solid var(--mat-sys-outline-variant);
+    border-collapse: collapse;
+}
+
+.table-row:nth-child(even) {
+    background-color: var(--mat-sys-surface-variant);
+}
+
+.table-row:nth-child(odd) {
+    background-color: var(--mat-sys-surface);
+}