diff --git a/index.html b/index.html index 47001b2..d91277a 100644 --- a/index.html +++ b/index.html @@ -68,9 +68,11 @@ .navbar { display: flex; + flex-wrap: nowrap; list-style: none; padding: 10px; margin: 0; + justify-content: flex-start; } .navbar li { @@ -151,6 +153,18 @@ #gear-icon { display: none; } + + /* Responsive Navbar for small screens */ + @media (max-width: 600px) { + .navbar { + flex-wrap: wrap; /* Enable wrapping */ + justify-content: center; /* Center items */ + } + + .navbar li { + margin-bottom: 10px; /* Add spacing between items when wrapped */ + } + } @@ -243,7 +257,7 @@ } fetchLastPlayedSong(); - setInterval(fetchLastPlayedSong, 3000); + setInterval(fetchLastPlayedSong, 100); function openSettingsModal() { document.getElementById('settings-modal').style.display = 'block'; diff --git a/wallpaper.html b/wallpaper.html index 3e40f48..29fad9c 100644 --- a/wallpaper.html +++ b/wallpaper.html @@ -90,7 +90,7 @@