From 530d901a452e0af9be502f53ad07b861033f3a93 Mon Sep 17 00:00:00 2001
From: Ruslan <ruslan@ipcom.su>
Date: Tue, 28 Apr 2026 12:57:21 +0000
Subject: [PATCH] fix: fixed card height 480px, icon constrained, info-area
 scrolls

---
 app/static/style.css | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/app/static/style.css b/app/static/style.css
index 8f8ea8f..a7d76d3 100644
--- a/app/static/style.css
+++ b/app/static/style.css
@@ -322,6 +322,8 @@ button {
 }
 .service-grid {
   grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
+  grid-auto-rows: 480px;
+  align-items: stretch;
 }
 .category-strip {
   margin-top: 0.9rem;
@@ -347,7 +349,6 @@ button {
 .tile-wrap {
   display: flex;
   flex-direction: column;
-  gap: 0;
   height: 100%;
 }
 .svc-credentials {
@@ -424,6 +425,7 @@ button {
   transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
   flex: 1;
   min-height: 0;
+  overflow: hidden;
 }
 .tile:hover {
   transform: translateY(-2px);
@@ -433,6 +435,7 @@ button {
 .tile-icon-box {
   width: min(100%, 336px);
   aspect-ratio: 1 / 1;
+  max-height: 180px;
   border-radius: 16px;
   border: 1px solid #d8e3ed;
   background: #edf3f9;
@@ -440,6 +443,7 @@ button {
   place-items: center;
   margin: 0 auto 0.8rem;
   overflow: hidden;
+  flex-shrink: 0;
 }
 .tile-icon {
   width: 88%;
@@ -466,14 +470,11 @@ button {
   min-height: 0;
   display: flex;
   flex-direction: column;
-  gap: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
 }
 .tile-comment {
   display: block;
-  flex: 1;
-  min-height: 0;
-  overflow-y: auto;
-  overflow-x: hidden;
   line-height: 1.35;
   padding-right: 0.2rem;
 }