From c0ec3a5f95ce9fcaf1c28bfbfa9133b32da25ed4 Mon Sep 17 00:00:00 2001
From: Marcin Macierzanka <mmacierzanka@grzana.dev>
Date: Sat, 4 Jul 2026 16:17:54 +0200
Subject: [PATCH] =?UTF-8?q?style:=20dodanie=20limit=C3=B3w=20szeroko=C5=9B?=
 =?UTF-8?q?ci=20kolumn=20i=20kontener=C3=B3w=20zapobiegaj=C4=85cych=20rozj?=
 =?UTF-8?q?e=C5=BCd=C5=BCaniu=20si=C4=99=20layoutu=20przy=20d=C5=82ugich?=
 =?UTF-8?q?=20tytu=C5=82ach?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/style.css | 38 ++++++++++++++++++++++++++++++++++++--
 1 file changed, 36 insertions(+), 2 deletions(-)

diff --git a/static/style.css b/static/style.css
index 753990d..3b09d88 100644
--- a/static/style.css
+++ b/static/style.css
@@ -168,13 +168,15 @@ body {
 /* Dashboard Grid Layout */
 .dashboard-grid {
     display: grid;
-    grid-template-columns: 1fr 1.2fr;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
     gap: 24px;
+    width: 100%;
+    max-width: 100%;
 }
 
 @media (max-width: 900px) {
     .dashboard-grid {
-        grid-template-columns: 1fr;
+        grid-template-columns: minmax(0, 1fr);
     }
 }
 
@@ -182,6 +184,9 @@ body {
     display: flex;
     flex-direction: column;
     gap: 24px;
+    min-width: 0;
+    max-width: 100%;
+    width: 100%;
 }
 
 /* Glassmorphic Cards */
@@ -194,6 +199,9 @@ body {
     padding: 24px;
     box-shadow: var(--shadow-premium);
     transition: var(--transition-smooth);
+    min-width: 0;
+    max-width: 100%;
+    box-sizing: border-box;
 }
 
 .glass-card:hover {
@@ -1063,3 +1071,29 @@ body {
     width: 240px;
     flex-shrink: 0;
 }
+
+/* Zapobieganie rozjeżdżaniu się layoutu przy długich tytułach nagrań */
+.now-playing-info,
+.track-title,
+.queue-item,
+.queue-track-info,
+.queue-track-title,
+.guild-setting-row,
+.guild-info,
+.guild-name,
+.glass-card,
+.grid-column,
+.player-panel {
+    min-width: 0 !important;
+    max-width: 100% !important;
+    box-sizing: border-box;
+}
+
+.track-title,
+.queue-track-title,
+.guild-name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: block;
+}