From 6ccba892167232b159e909584f801af587e97664 Mon Sep 17 00:00:00 2001
From: Ruslan <ruslan@ipcom.su>
Date: Tue, 28 Apr 2026 12:33:12 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20equal=20card=20height=20=E2=80=94=20cate?=
 =?UTF-8?q?gories=20always=20at=20bottom,=20comment=20clips=20to=20fill?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/app/static/style.css b/app/static/style.css
index a3ad02d..432f4d9 100644
--- a/app/static/style.css
+++ b/app/static/style.css
@@ -348,6 +348,7 @@ button {
   display: flex;
   flex-direction: column;
   gap: 0;
+  height: 100%;
 }
 .svc-credentials {
   background: linear-gradient(135deg, #edf5fc 0%, #e2eff8 100%);
@@ -422,6 +423,7 @@ button {
   border: 1px solid transparent;
   transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
   flex: 1;
+  min-height: 0;
 }
 .tile:hover {
   transform: translateY(-2px);
@@ -461,18 +463,21 @@ button {
 }
 .tile-comment {
   display: block;
-  max-height: calc(1.35em * 15);
-  overflow-y: auto;
-  overflow-x: hidden;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
   line-height: 1.35;
   padding-right: 0.2rem;
+  mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
+-webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
 }
 .tile-comment b,
 .tile-comment strong {
   font-weight: 700;
 }
 .service-categories {
-  margin-top: 0.7rem;
+  margin-top: auto;
+  padding-top: 0.7rem;
   display: flex;
   flex-wrap: wrap;
   gap: 0.35rem;