From a4403a0d33ca2a96b1168a0c1fdb2e45831f9c98 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 11:25:55 +0100
Subject: [PATCH] poprawka dla malych ekranow

---
 templates/base.html | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/templates/base.html b/templates/base.html
index 02c660e..1730c11 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -57,11 +57,18 @@
 
         {% else %}
 
-          <div class="d-flex justify-content-center align-items-center text-white small flex-wrap text-center user-info-compact">
+          <!-- Desktop/tablet: tekst -->
+          <div class="d-none d-sm-flex justify-content-center align-items-center text-white small flex-wrap text-center user-info-compact">
             <span class="me-1 user-info-label">Przeglądasz jako</span>
             <span class="badge rounded-pill bg-info">niezalogowany/a</span>
           </div>
 
+          <!-- Mobile: ikonka zamiast tekstu -->
+          <div class="d-flex d-sm-none justify-content-center align-items-center text-white small flex-wrap text-center user-info-compact">
+            <span class="me-1" aria-label="Niezalogowany">👥</span>
+            <span class="badge rounded-pill bg-info">gość</span>
+          </div>
+
         {% endif %}
       {% endif %}