"Refactor database connection in myp.db and input CSS styles"

backend/app/static/css/input.css

@@ -594,6 +594,39 @@
       inset 0 1px 0 rgba(255, 255, 255, 0.2),
       0 0 0 1px rgba(255, 255, 255, 0.1);
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+    /* Die folgenden Eigenschaften wurden aus der ursprünglichen Definition beibehalten oder angepasst, falls relevant */
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0.5rem 1rem; /* Beibehalten für Innenabstand, kann bei Bedarf angepasst werden */
+    left: 0 !important; /* Ergänzt für volle Breite, falls width: 100% nicht ausreicht */
+    right: 0 !important; /* Ergänzt für volle Breite */
+  }
+
+  .navbar-button {
+    padding: 0.25rem 0.5rem;
+    font-size: 0.875rem;
+    border: none;
+    background: none;
+    cursor: pointer;
+    transition: background-color 0.3s;
+  }
+
+  .navbar-button:hover {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+
+  @media (max-width: 768px) {
+    .navbar {
+      flex-direction: column;
+      padding: 0.25rem;
+    }
+
+    .navbar-button {
+      width: 100%;
+      text-align: center;
+      margin: 0.25rem 0;
+    }
   }
 
   .dark .navbar {