From 091a549af9ea8ef53c4cf44fb046b7a780341098 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Tue, 2 Sep 2025 19:57:29 +0300
Subject: [PATCH] home page: fix long db titles and human readable db type
 names

---
 .../own-connections/own-connections.component.css               | 1 +
 .../own-connections/own-connections.component.html              | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/components/connections-list/own-connections/own-connections.component.css b/frontend/src/app/components/connections-list/own-connections/own-connections.component.css
index c048ddb25..fdbdc8f59 100644
--- a/frontend/src/app/components/connections-list/own-connections/own-connections.component.css
+++ b/frontend/src/app/components/connections-list/own-connections/own-connections.component.css
@@ -258,6 +258,7 @@
     font-size: 20px;
     font-weight: 900;
     height: 72px;
+    overflow: hidden;
     padding: 8px;
 }
 
diff --git a/frontend/src/app/components/connections-list/own-connections/own-connections.component.html b/frontend/src/app/components/connections-list/own-connections/own-connections.component.html
index 560e80c2e..c3a4f252e 100644
--- a/frontend/src/app/components/connections-list/own-connections/own-connections.component.html
+++ b/frontend/src/app/components/connections-list/own-connections/own-connections.component.html
@@ -36,7 +36,7 @@ <h1 *ngIf="(currentUser?.role === 'ADMIN' || currentUser?.role === 'DB_ADMIN') &
                 </ng-template>
                 <div class="connectionInfo">
                     <h2 class="connectionInfo__connectionTitle">{{ connectionItem.displayTitle }}</h2>
-                    <span class="mat-body-2">{{ connectionItem.connection.type }}</span>
+                    <span class="mat-body-2">{{ supportedDatabasesTitles[connectionItem.connection.type] }}</span>
                 </div>
             </div>
         </a>