From 2fcc84991af48f332f95f67866ed38c2445db6e5 Mon Sep 17 00:00:00 2001
From: overcuriousity <overcuriousity@posteo.org>
Date: Sun, 10 Aug 2025 22:15:12 +0200
Subject: [PATCH] fix stylesheet

---
 src/styles/global.css | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/styles/global.css b/src/styles/global.css
index 83ad728..523eaa1 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -682,11 +682,13 @@ input[type="checkbox"] {
    ================================================================= */
 
 .tool-card {
-  height: 300px;
+  min-height: 300px;
+  max-height: 350px;
   display: flex;
   flex-direction: column;
   padding: 1.25rem;
   cursor: pointer;
+  overflow: hidden;
 }
 
 .tool-card-header {
@@ -695,6 +697,7 @@ input[type="checkbox"] {
   align-items: flex-start;
   min-height: 2.5rem;
   margin-bottom: 0.75rem;
+  flex-shrink: 0;
 }
 
 .tool-card-header h3 {
@@ -723,6 +726,7 @@ input[type="checkbox"] {
   font-size: 0.875rem;
   margin-bottom: 0.5rem;
   word-break: break-word;
+  flex-shrink: 0;
 }
 
 .tool-card-metadata {
@@ -731,6 +735,7 @@ input[type="checkbox"] {
   gap: 1rem;
   margin-bottom: 0.75rem;
   line-height: 1;
+  flex-shrink: 0;
 }
 
 .metadata-item {
@@ -759,10 +764,11 @@ input[type="checkbox"] {
   flex-wrap: wrap;
   gap: 0.25rem;
   max-height: 3.5rem;
+  min-height: 0;
   overflow: hidden;
   position: relative;
   margin-bottom: 1rem;
-  flex-shrink: 0;
+  flex: 0 0 3.5rem;
 }
 
 .tool-tags-container::after {
@@ -796,6 +802,8 @@ input[type="checkbox"] {
 .tool-card-buttons {
   margin-top: auto;
   flex-shrink: 0;
+  flex-basis: auto;
+  min-height: 0;
 }
 
 .button-row {
@@ -3522,6 +3530,16 @@ footer {
     width: 14px;
     height: 14px;
   }
+
+  .tool-card {
+    min-height: 280px;
+    max-height: 320px;
+  }
+  
+  .tool-tags-container {
+    max-height: 3rem;
+    flex: 0 0 3rem;
+  }
 }
 
 @media (width <= 640px) {