poprawki

static/css/style.css

@@ -163,7 +163,6 @@ body {
     margin-left: 15px;
 }
 
-/* OPTYMALIZACJA DLA TELEFONÓW (iPhone Pro) */
 @media (max-width: 576px) {
     .event-item {
         flex-direction: column;
@@ -171,7 +170,7 @@ body {
     }
 
     .event-content {
-        flex-wrap: wrap; /* Pozwala opisowi spaść pod czas na małym ekranie */
+        flex-wrap: wrap; 
         gap: 8px;
         width: 100%;
     }
@@ -182,10 +181,25 @@ body {
     }
 
     .zoom-btn-mobile {
-        width: 100%; /* Na mobile szeroki przycisk na dole */
+        width: 50%;
         margin-left: 0;
         padding: 12px;
         font-size: 0.85rem;
         text-align: center;
     }
 }
+
+@media (max-width: 576px) {
+    .time-selector-wrapper {
+        display: grid;
+        grid-template-columns: repeat(3, 1fr) !important; 
+        gap: 8px !important;
+        padding: 0 10px;
+    }
+
+    .time-btn {
+        width: 100% !important;
+        height: 40px !important; 
+        font-size: 0.85rem !important;
+    }
+}