Bug fixes

scss/_components.scss

@@ -26,21 +26,52 @@ html, body {
 .fullscreen-mode .header,
 .fullscreen-mode .side-panel {
     display: none;
+    transition: opacity 0.3s ease;
 }
 
 .fullscreen-mode .container {
     padding: 0;
     max-width: 100vw;
     height: 100vh;
+    transition: all 0.3s ease;
 }
 
 .fullscreen-mode .main-section {
     height: 100%;
+    transition: height 0.3s ease;
 }
 
 .fullscreen-mode .swipe-container {
     height: 100%;
     border-radius: 0;
+    transition: all 0.3s ease;
+    border-width: 0; /* Remove borders in fullscreen */
+}
+
+/* Enhanced fullscreen transitions */
+.container {
+    transition: all 0.3s ease;
+}
+
+.main-section {
+    transition: height 0.3s ease;
+}
+
+.swipe-container {
+    transition: all 0.3s ease;
+}
+
+/* Ensure fullscreen toggle stays visible and accessible in fullscreen mode */
+.fullscreen-mode .fullscreen-toggle {
+    z-index: 2000;
+    opacity: 0.8;
+    background-color: rgba(0, 0, 0, 0.7);
+    backdrop-filter: blur(10px);
+}
+
+.fullscreen-mode .fullscreen-toggle:hover {
+    opacity: 0.95;
+    background-color: rgba(0, 0, 0, 0.8);
 }
 
 /* Ultra-wide toggle button */
@@ -65,8 +96,8 @@ html, body {
 }
 
 .fullscreen-toggle:hover {
-    opacity: 1;
-    transform: scale(1.1);
+    opacity: 0.9;
+    transform: scale(1.05);
 }
 
 .header {