Add flex layout and button styling to settings.html

2025-05-25 01:05:33 +02:00
parent 4d5943325e
commit 82d176ea1a
1 changed files with 21 additions and 5 deletions
--- a/settings.html
+++ b/settings.html
@@ -102,6 +102,12 @@
      margin-left: 0.8rem;
    }
    /* Buttons */
+    .buttons {
+      display: flex;               /* Flex-Layout */
+      justify-content: flex-end;   /* nach rechts schieben */
+      gap: 1rem;                   /* Abstand zwischen den Buttons */
+      margin-top: 1rem;            /* wenn Du noch Abstand nach oben brauchst */
+    }
    button{
      border-radius: 8px;
      padding: 0.5em 1.2em;
@@ -118,11 +124,21 @@
    }

    /* Infotext */
-    .ollama-info {
-      font-size: 0.95rem;
-      color: #dc2626;
-      text-align: center;
-      margin-top: 0.8rem;
+    #ollama-model-selectors label {
+      display: flex;
+      align-items: center;
+      gap: 0.6em;
+      margin-bottom: 0.3em;
+    }
+    #ollama-model-selectors select {
+      min-width: 100px;
+      max-width: 180px;
+      padding: 0.35em 0.5em;
+      border-radius: 6px;
+      font-size: 1rem;
+      border: 1.2px solid #cbd5e1;
+      background: #f8fafc;
+      color: #334155;
    }
  </style>
  <script>