From d7a7c7060360b22e774d5d2d7c2054300220aa7c Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 4 Sep 2025 12:44:48 +0000
Subject: [PATCH] Adjust spacing for better readability on mobile devices

Update CSS to fine-tune vertical spacing between elements on smaller screens for improved visual hierarchy and user experience.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 946a0075-7e32-454b-b348-9e7f576d7f45
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/946a0075-7e32-454b-b348-9e7f576d7f45/JlONw6J
---
 client/src/index.css | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/client/src/index.css b/client/src/index.css
index d5ca4f7..454b151 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -421,14 +421,14 @@ input[data-testid*="search"]::placeholder {
     margin-top: -15px;
   }
   
-  /* Zmanjšaj razmike med pikicami in naslovom na mobil */
-  .md\:hidden.flex.justify-center {
-    margin-top: 4px !important;
+  /* Specifični selektorji za mobilne razmike */
+  h2.text-lg.font-medium.text-bunny-light.mb-1 {
+    margin-bottom: 2px !important;
   }
   
-  /* Zmanjšaj razmik od naslova do pikic na mobil */
-  .text-lg.font-medium.text-bunny-light {
-    margin-bottom: 4px !important;
+  .md\:hidden.flex.justify-center.mt-1 {
+    margin-top: 2px !important;
+    margin-bottom: 2px !important;
   }
 }