Fix all documentation issues: mobile compatibility, dark theme persistence, language switching, icon positioning, and responsive design

Author: byerlikaya

docs/_layouts/default.html

@@ -189,6 +189,6 @@ <h1 class="page-title">{{ page.title }}</h1>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
 
     <!-- Custom JS -->
-    <script src="{{ site.baseurl }}/assets/js/main.js"></script>
+    <script src="{{ site.baseurl }}/assets/js/script.js"></script>
 </body>
 </html>

docs/assets/css/style.css

@@ -8,6 +8,7 @@
 html {
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
+    scroll-behavior: smooth;
 }
 
 body {
@@ -16,6 +17,9 @@ body {
     overflow-x: hidden;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
 }
 
 :root {
@@ -157,12 +161,6 @@ body {
     color: var(--text-primary) !important;
 }
 
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
 body {
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
     line-height: 1.6;
@@ -245,13 +243,19 @@ body[data-theme="dark"] {
 .feature-icon {
     width: 40px;
     height: 40px;
-    display: inline-block;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
     margin-right: 15px;
     vertical-align: middle;
+    background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(16, 185, 129, 0.1));
+    border-radius: 20px;
+    transition: all 0.3s ease;
 }
 
 .feature-icon i {
     font-size: 1.5rem;
+    color: var(--primary-color);
 }
 
 /* Modern Provider Cards */
@@ -324,20 +328,16 @@ body[data-theme="dark"] {
     display: block;
     line-height: 1.4;
 }
-    margin: 0 auto;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(16, 185, 129, 0.1));
-    border-radius: 20px;
-    transition: all 0.3s ease;
-}
 
 .feature-icon:hover {
     transform: scale(1.1);
     background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(16, 185, 129, 0.2));
 }
 
+.feature-icon:hover i {
+    color: var(--primary-dark);
+}
+
 /* Navigation */
 .navbar {
     background: linear-gradient(135deg, var(--dark-bg) 0%, var(--darker-bg) 100%);
@@ -411,6 +411,9 @@ body[data-theme="dark"] {
 .main-content {
     margin-top: 160px;
     min-height: calc(100vh - 160px);
+    flex: 1;
+    display: flex;
+    flex-direction: column;
 }
 
 /* Content Area - Full Width */
@@ -590,12 +593,17 @@ body[data-theme="dark"] {
 
 /* Responsive Design */
 @media (max-width: 991.98px) {
+    .main-content {
+        margin-top: 140px;
+    }
+    
     .content-area {
         padding: 1rem;
     }
 
     .content-wrapper {
         padding: 1.5rem;
+        margin: 1rem;
     }
 
     .page-title {
@@ -605,15 +613,30 @@ body[data-theme="dark"] {
     .hero-title {
         font-size: 2.5rem;
     }
+    
+    .navbar-nav .nav-link {
+        padding: 0.5rem 1rem !important;
+        margin: 0 0.25rem;
+    }
 }
 
 @media (max-width: 767.98px) {
+    .main-content {
+        margin-top: 120px;
+    }
+    
+    .navbar {
+        padding: 1rem 0;
+    }
+    
     .navbar-brand {
         font-size: 1.25rem;
     }
 
     .content-wrapper {
         padding: 1rem;
+        margin: 0.5rem;
+        border-radius: 12px;
     }
 
     .page-title {
@@ -624,6 +647,10 @@ body[data-theme="dark"] {
         font-size: 2rem;
     }
 
+    .hero-subtitle {
+        font-size: 1.25rem;
+    }
+    
     .hero-buttons .btn {
         display: block;
         width: 100%;
@@ -636,6 +663,48 @@ body[data-theme="dark"] {
         width: 45px;
         height: 45px;
     }
+    
+    .navbar-nav .nav-link {
+        padding: 0.5rem 0.75rem !important;
+        margin: 0.25rem 0;
+        font-size: 0.9rem;
+    }
+    
+    .provider-card {
+        margin-bottom: 1rem;
+    }
+    
+    .hero-section {
+        margin: 1rem 0;
+        padding: 1.5rem;
+    }
+}
+
+@media (max-width: 575.98px) {
+    .main-content {
+        margin-top: 100px;
+    }
+    
+    .content-wrapper {
+        padding: 0.75rem;
+        margin: 0.25rem;
+    }
+    
+    .hero-title {
+        font-size: 1.75rem;
+    }
+    
+    .hero-subtitle {
+        font-size: 1.1rem;
+    }
+    
+    .page-title {
+        font-size: 1.5rem;
+    }
+    
+    .navbar-brand {
+        font-size: 1.1rem;
+    }
 }
 
 /* Animations */

docs/assets/js/script.js

@@ -30,9 +30,15 @@ document.addEventListener('DOMContentLoaded', function() {
         }
     }
 
-    // Initialize theme
+    // Initialize theme immediately to prevent flash
     applyTheme(currentTheme);
 
+    // Also apply theme on page load to ensure persistence
+    window.addEventListener('load', function() {
+        const savedTheme = localStorage.getItem('theme') || 'light';
+        applyTheme(savedTheme);
+    });
+    
     // Theme toggle click handler
     if (themeToggle) {
         themeToggle.addEventListener('click', function() {
@@ -118,4 +124,28 @@ document.addEventListener('DOMContentLoaded', function() {
 
     // Add fade-in animation after a short delay
     setTimeout(addFadeInAnimation, 100);
+    
+    // Language switching enhancement
+    const languageDropdown = document.getElementById('languageDropdown');
+    if (languageDropdown) {
+        // Add click handler to prevent default behavior
+        languageDropdown.addEventListener('click', function(e) {
+            e.preventDefault();
+        });
+        
+        // Add click handlers to dropdown items
+        document.querySelectorAll('.dropdown-item').forEach(item => {
+            item.addEventListener('click', function(e) {
+                e.preventDefault();
+                const href = this.getAttribute('href');
+                if (href) {
+                    // Add smooth transition
+                    document.body.style.opacity = '0.8';
+                    setTimeout(() => {
+                        window.location.href = href;
+                    }, 150);
+                }
+            });
+        });
+    }
 });

docs/de/configuration.md

@@ -1,13 +1,13 @@
 ---
 layout: default
-title: Configuration
-description: Detailed configuration options and best practices for SmartRAG
-lang: en
+title: Konfiguration
+description: Detaillierte Konfigurationsoptionen und Best Practices für SmartRAG
+lang: de
 ---
 
-# Configuration
+# Konfiguration
 
-Detailed configuration options and best practices for SmartRAG.
+Detaillierte Konfigurationsoptionen und Best Practices für SmartRAG.
 
 ## Basic Configuration
 

docs/ru/configuration.md

@@ -1,13 +1,13 @@
 ---
 layout: default
-title: Configuration
-description: Detailed configuration options and best practices for SmartRAG
-lang: en
+title: Конфигурация
+description: Подробные параметры конфигурации и лучшие практики для SmartRAG
+lang: ru
 ---
 
-# Configuration
+# Конфигурация
 
-Detailed configuration options and best practices for SmartRAG.
+Подробные параметры конфигурации и лучшие практики для SmartRAG.
 
 ## Basic Configuration