From 970bcca9ec644f1626f78563bacc3adaba8d88f5 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 4 Sep 2025 12:44:05 +0000
Subject: [PATCH] Improve spacing for video titles and thumbnails on mobile
 devices

Adjust CSS styles in index.css to optimize layout spacing for video titles and thumbnails on mobile viewports, specifically targeting elements with classes `md:hidden.flex.justify-center` and `text-lg.font-medium.text-bunny-light`.

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 | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/client/src/index.css b/client/src/index.css
index 9e13fa2..d5ca4f7 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -420,6 +420,16 @@ input[data-testid*="search"]::placeholder {
   [data-testid="grid-videos"] {
     margin-top: -15px;
   }
+  
+  /* Zmanjšaj razmike med pikicami in naslovom na mobil */
+  .md\:hidden.flex.justify-center {
+    margin-top: 4px !important;
+  }
+  
+  /* Zmanjšaj razmik od naslova do pikic na mobil */
+  .text-lg.font-medium.text-bunny-light {
+    margin-bottom: 4px !important;
+  }
 }
 
 /* Custom animations */