Style improvements and UI bug fixes

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;
 }

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>

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>
         

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;
+}

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 {