Update app.py

app.py

@@ -64,20 +64,19 @@ menu = """
         border-radius: 4px;
         transition: background-color 0.3s;
         font-weight: bold;
+        font-size: 12px;
     }
     .menu-item:hover {
         background-color: #777;
     }
 
-    /* Responsive styles */
+    /* Responsive styles for mobile */
     @media (max-width: 768px) {
-        .menu-items {
-            flex-direction: column;
-            align-items: flex-start;
-            gap: 5px;
-        }
         .menu-item {
-            padding: 8px;
+            font-size: 12px;  /* Shrink text size */
+        }
+        .menu-icon {
+            font-size: 18px;  /* Shrink icon size */
         }
     }
 </style>
@@ -86,24 +85,12 @@ menu = """
     <a href="#" class="menu-icon">🎵</a>
     <div class="menu-items">
         <span class="menu-item"><a href="#">Dashboard</a></span>
-        <span class="menu-item"><a href="#">Premium Apps</a></span>
-        <span class="menu-item"><a href="#">My Account</a></span>
-        <span class="menu-item"><a href="#">Train Voice</a></span>
+        <span class="menu-item"><a href="#">Premium</a></span>
+        <span class="menu-item"><a href="#">Account</a></span>
+        <span class="menu-item"><a href="#">Voices</a></span>
     </div>
 </div>
 
-
-<div class="menu-bar">
-    <a href="#" class="menu-icon">🎵</a>
-    <div class="menu-items">
-        <span class="menu-item"><a href="#">Dashboard</a></span>
-        <span class="menu-item"><a href="#">Premium Apps</a></span>
-        <span class="menu-item"><a href="#">My Account</a></span>
-        <span class="menu-item"><a href="#">Train Voice</a></span>
-    </div>
-</div>
-
-
 """
 
 description = """