Update app.py

app.py

@@ -29,9 +29,10 @@ badges = """
 """
 menu = """
 <style>
+    /* Existing styles */
     .gradio-container-3-40-1 .prose a {
         color: #ffffff!important;
-         text-decoration: auto!important;
+        text-decoration: auto!important;
     }
     .menu-bar {
         display: flex;
@@ -43,8 +44,8 @@ menu = """
         font-family: 'sans-serif';
     }
     .menu-bar a, .menu-bar a:visited {
-        color: white;  /* Make all links white */
-        text-decoration: none;  /* Remove underline */
+        color: white;
+        text-decoration: none;
     }
     .menu-icon {
         font-size: 24px;
@@ -67,6 +68,18 @@ menu = """
     .menu-item:hover {
         background-color: #777;
     }
+
+    /* Responsive styles */
+    @media (max-width: 768px) {
+        .menu-items {
+            flex-direction: column;
+            align-items: flex-start;
+            gap: 5px;
+        }
+        .menu-item {
+            padding: 8px;
+        }
+    }
 </style>
 
 <div class="menu-bar">
@@ -79,6 +92,7 @@ menu = """
     </div>
 </div>
 
+
 """
 
 description = """