From e5599f7a5de7f25e001815a554e9669452fea96b Mon Sep 17 00:00:00 2001
From: NuklearRabbit <145918611+NuklearRabbit@users.noreply.github.com>
Date: Wed, 29 Jul 2026 19:48:11 +0200
Subject: [PATCH] style: improve deployment card readability

---
 src/renderer/styles.css | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/renderer/styles.css b/src/renderer/styles.css
index de9add7..72772c6 100644
--- a/src/renderer/styles.css
+++ b/src/renderer/styles.css
@@ -1771,8 +1771,8 @@ html[data-theme="light"] .validator-hero {
 
 .deploy-card-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
-  gap: 12px;
+  grid-template-columns: repeat(auto-fill, minmax(min(100%, 365px), 1fr));
+  gap: 14px;
 }
 .deploy-card {
   --card-accent: var(--primary-strong);
@@ -1842,6 +1842,7 @@ html[data-theme="light"] .validator-hero {
   font-weight: 780;
 }
 .container-identity > div {
+  flex: 1 1 auto;
   min-width: 0;
 }
 .container-identity span:not(.container-avatar):not(.sync-proof),
@@ -1858,6 +1859,11 @@ html[data-theme="light"] .validator-hero {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.container-identity small {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .sync-proof {
   margin-left: auto;
   padding: 6px 8px;