kropka kategorii na malych ekranach

static/css/style.css

@@ -999,3 +999,18 @@ td select.tom-dark {
   font-size: 0 !important;
   line-height: 1 !important;
 }
+
+.list-title {
+  white-space: nowrap !important;
+  overflow: hidden !important;
+  text-overflow: ellipsis !important;
+  max-width: 70% !important;
+  display: inline-block !important;
+}
+
+/* Bardzo małe ekrany */
+@media (max-width: 420px) {
+  .list-title {
+    max-width: 60% !important;
+  }
+}

templates/main.html

@@ -189,9 +189,9 @@
         </span>
 
         <!-- Mobile: klikalny tytuł -> shared_list -->
-        <a class="d-inline d-sm-none text-white text-decoration-none"
-          href="{{ url_for('shared_list', list_id=l.id) }}">
-          {{ l.title }} (Autor: {{ l.owner.username if l.owner else '—' }})
+        <a class="d-inline d-sm-none fw-bold list-title text-white text-decoration-none" 
+          href="{{ url_for('viewlist', list_id=l.id) }}">
+          {{ l.title }}
         </a>
 
         {% for cat in l.category_badges %}