style: improve deployment card readability

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;