From 9ba2fd8c501c39f4247736a3cedbe6b0f00c7e7a Mon Sep 17 00:00:00 2001
From: Borys91 <borisilchenko1991@gmail.com>
Date: Fri, 10 May 2024 14:33:45 +0300
Subject: [PATCH] update styles for client projects

---
 .../manage-servers-modal.component.html            | 14 ++++++++------
 .../manage-servers-modal.component.scss            |  9 +++++++++
 .../components/user-info/user-info.component.html  |  2 +-
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/client/dangl-opencde-client-ui/src/app/components/manage-servers-modal/manage-servers-modal.component.html b/src/client/dangl-opencde-client-ui/src/app/components/manage-servers-modal/manage-servers-modal.component.html
index 935ad34..6ba0dcb 100644
--- a/src/client/dangl-opencde-client-ui/src/app/components/manage-servers-modal/manage-servers-modal.component.html
+++ b/src/client/dangl-opencde-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/src/client/dangl-opencde-client-ui/src/app/components/manage-servers-modal/manage-servers-modal.component.scss b/src/client/dangl-opencde-client-ui/src/app/components/manage-servers-modal/manage-servers-modal.component.scss
index e69de29..0a4cfc0 100644
--- a/src/client/dangl-opencde-client-ui/src/app/components/manage-servers-modal/manage-servers-modal.component.scss
+++ b/src/client/dangl-opencde-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
index 75dd8fd..bd5200f 100644
--- 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>