From c45e0f04be81cede55120c383ca395fc816641db Mon Sep 17 00:00:00 2001
From: Isaac Abadi <IsaacMGrynsztein@gmail.com>
Date: Sun, 25 Dec 2022 19:26:05 -0600
Subject: [PATCH] Style improvements and UI bug fixes

---
 src/app/app.component.css                                   | 6 +++++-
 src/app/app.component.html                                  | 6 +++---
 src/app/components/modify-users/modify-users.component.html | 2 +-
 .../unified-file-card/unified-file-card.component.scss      | 4 ++++
 src/app/subscriptions/subscriptions.component.scss          | 1 +
 5 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/app/app.component.css b/src/app/app.component.css
index da61ebb..e574b9d 100644
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -26,7 +26,11 @@
     height: 64px;
 }
 
-::ng-deep .mdc-list-item__primary-text {
+::ng-deep .top-menu-button > span {
     width: 85px;
     height: 26px;
+}
+
+::ng-deep .mdc-switch {
+    outline: none !important;
 }
\ No newline at end of file
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 4be63e3..5c1af89 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -18,16 +18,16 @@
                     </mat-menu>
                     <button [matMenuTriggerFor]="menuSettings" mat-icon-button><mat-icon>more_vert</mat-icon></button>
                     <mat-menu #menuSettings="matMenu">
-                        <button (click)="openProfileDialog()" *ngIf="postsService.isLoggedIn" mat-menu-item>
+                        <button class="top-menu-button" (click)="openProfileDialog()" *ngIf="postsService.isLoggedIn" mat-menu-item>
                             <mat-icon>person</mat-icon>
                             <span i18n="Profile menu label">Profile</span>
                         </button>
-                        <button (click)="themeMenuItemClicked($event)" *ngIf="allowThemeChange" mat-menu-item>
+                        <button class="top-menu-button" (click)="themeMenuItemClicked($event)" *ngIf="allowThemeChange" mat-menu-item>
                           <mat-icon>{{(postsService.theme.key === 'default') ? 'brightness_5' : 'brightness_2'}}</mat-icon>
                           <span i18n="Dark mode toggle label">Dark</span>
                           <mat-slide-toggle class="theme-slide-toggle" [checked]="postsService.theme.key === 'dark'"></mat-slide-toggle>
                         </button>
-                        <button (click)="openAboutDialog()" mat-menu-item>
+                        <button class="top-menu-button" (click)="openAboutDialog()" mat-menu-item>
                             <mat-icon>info</mat-icon>
                             <span i18n="About menu label">About</span>
                         </button>
diff --git a/src/app/components/modify-users/modify-users.component.html b/src/app/components/modify-users/modify-users.component.html
index d2bbeff..954aee9 100644
--- a/src/app/components/modify-users/modify-users.component.html
+++ b/src/app/components/modify-users/modify-users.component.html
@@ -9,7 +9,7 @@
             </mat-form-field>
         </div>
         
-        <div class="example-container mat-elevation-z8">
+        <div class="mat-elevation-z8" style="margin-right: 15px;">
         
             <mat-table #table [dataSource]="dataSource" matSort>
         
diff --git a/src/app/components/unified-file-card/unified-file-card.component.scss b/src/app/components/unified-file-card/unified-file-card.component.scss
index 9cf1a9b..ed9084f 100644
--- a/src/app/components/unified-file-card/unified-file-card.component.scss
+++ b/src/app/components/unified-file-card/unified-file-card.component.scss
@@ -167,3 +167,7 @@
   // }
     
 }
+
+::ng-deep.mat-mdc-menu-panel {
+  max-width: none !important;
+}
\ No newline at end of file
diff --git a/src/app/subscriptions/subscriptions.component.scss b/src/app/subscriptions/subscriptions.component.scss
index d307bcb..38d8a81 100644
--- a/src/app/subscriptions/subscriptions.component.scss
+++ b/src/app/subscriptions/subscriptions.component.scss
@@ -21,6 +21,7 @@
     color: unset;
     display: flex;
     align-items: center;
+    width: 100%;
 }
 
 ::ng-deep .mdc-list-item__primary-text {