fix mobile

HackRVA · Mar 4, 2024 · 1af6284 · 1af6284
1 parent abf9e99
commit 1af6284
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
diff --git a/web/src/app/pages/member/member.component.html b/web/src/app/pages/member/member.component.html
@@ -92,13 +92,13 @@
     <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
     <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
   </table>
-  <div class="paginator">
-    <button mat-icon-button aria-label="previous" (click)="decrementPage()">
-      <mat-icon>arrow_back</mat-icon>
-    </button>
-    <button mat-icon-button aria-label="next" (click)="incrementPage()">
-      <mat-icon>arrow_forward</mat-icon>
-    </button>
-    <span> {{ pageInfo.currentPage }}</span>
-  </div>
+</div>
+<div class="paginator">
+  <button mat-icon-button aria-label="previous" (click)="decrementPage()">
+    <mat-icon>arrow_back</mat-icon>
+  </button>
+  <button mat-icon-button aria-label="next" (click)="incrementPage()">
+    <mat-icon>arrow_forward</mat-icon>
+  </button>
+  <span> {{ pageInfo.currentPage }}</span>
 </div>
diff --git a/web/src/app/pages/member/member.component.scss b/web/src/app/pages/member/member.component.scss
@@ -20,6 +20,10 @@ action-bar {
   width: 100%;
   overflow-x: auto;
 
+  mat-tab-group {
+    margin-top: 32px;
+  }
+
   table {
     .mat-column-actions {
       display: flex;
@@ -41,7 +45,7 @@ action-bar {
   align-items: center;
   justify-content: flex-end;
   color: var(--text-color);
-  padding: 12px 16px;
+  padding: 12px 28px;
 
   span {
     margin-left: 12px;