From 177fde9e4b5b6d78a5c2891ecdf4973dca9bb3a8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Gruszczy=C5=84ski?=
 <mateusz.gruszczynski@firma.interia.pl>
Date: Tue, 13 Jan 2026 08:51:52 +0100
Subject: [PATCH] poprawka dla malych ekranow

---
 templates/main.html | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/templates/main.html b/templates/main.html
index edefd39..74f4388 100644
--- a/templates/main.html
+++ b/templates/main.html
@@ -186,15 +186,18 @@
         {% endfor %}
       </span>
 
-      <!-- Desktop/tablet: bez tooltipów -->
+    <!-- Desktop/tablet: bez tooltipów -->
+    <div class="btn-group btn-group-compact mt-2 mt-md-0 d-none d-sm-flex" role="group">
       <a href="{{ url_for('shared_list', list_id=l.id) }}"
-        class="btn btn-sm btn-outline-light d-none d-sm-flex align-items-center">
+        class="btn btn-sm btn-outline-light d-flex align-items-center">
         ✏️ <span class="btn-text ms-1">Odznaczaj</span>
       </a>
+    </div>
 
-      <!-- Mobile: tooltipy -->
+    <!-- Mobile: tooltipy (bo tekst znika CSS-em) -->
+    <div class="btn-group btn-group-compact mt-2 mt-md-0 d-flex d-sm-none" role="group">
       <a href="{{ url_for('shared_list', list_id=l.id) }}"
-        class="btn btn-sm btn-outline-light d-flex d-sm-none align-items-center"
+        class="btn btn-sm btn-outline-light d-flex align-items-center"
         data-bs-toggle="tooltip" title="Odznaczaj">
         ✏️ <span class="btn-text ms-1">Odznaczaj</span>
       </a>