update styles for client projects

Dangl-IT · May 10, 2024 · 9ba2fd8 · 9ba2fd8
1 parent 540f8b5
commit 9ba2fd8
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 7 deletions.
diff --git a/...cde-client-ui/src/app/components/manage-servers-modal/manage-servers-modal.component.html b/...cde-client-ui/src/app/components/manage-servers-modal/manage-servers-modal.component.html
@@ -8,12 +8,14 @@ <h3>Manage OpenCDE Servers</h3>
   Save Current Server
 </button>
 <mat-list role="list">
-  <mat-list-item role="listitem" *ngFor="let server of savedServers">
-    <button mat-icon-button (click)="deleteServer(server)">
+  <div *ngFor="let server of savedServers" class="item-container">
+    <button mat-icon-button color="warn" (click)="deleteServer(server)">
       <mat-icon>delete</mat-icon>
     </button>
-    <button mat-raised-button (click)="selectServer(server)">
-      {{ server }}
-    </button>
-  </mat-list-item>
+    <mat-list-item role="listitem">
+      <button mat-raised-button color="primary" (click)="selectServer(server)">
+        {{ server }}
+      </button>
+    </mat-list-item>
+  </div>
 </mat-list>
diff --git a/...cde-client-ui/src/app/components/manage-servers-modal/manage-servers-modal.component.scss b/...cde-client-ui/src/app/components/manage-servers-modal/manage-servers-modal.component.scss
@@ -0,0 +1,9 @@
+.item-container {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+::ng-deep .mat-mdc-dialog-surface {
+  padding: 20px !important;
+}
diff --git a/src/client/dangl-opencde-client-ui/src/app/components/user-info/user-info.component.html b/src/client/dangl-opencde-client-ui/src/app/components/user-info/user-info.component.html
@@ -1,5 +1,5 @@
 <ng-container *ngIf="userInfo">
-  <button mat-button [matMenuTriggerFor]="menu">
+  <button mat-flat-button color="primary" [matMenuTriggerFor]="menu">
     <span id="username-nav">
       {{ userInfo.username || userInfo.email }}
     </span>