button color

src/static/style.css

@@ -183,34 +183,28 @@ tr:hover:not(.selected) {
     justify-content: center;
 }
 
-#password-prompt input[type="password"] {
+button#delete-row-button {
-    padding: 8px;
-    margin-right: 10px;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-}
-
-#password-prompt button {
-    padding: 8px 15px;
-    margin-right: 10px;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    color: white;
-}
-
-#password-prompt button[type="submit"] {
-    background-color: #008C50; /* Helles Grün */
-}
-
-#password-prompt button[type="submit"]:hover {
-    background-color: #007344; /* Dunkleres Grün */
-}
-
-#password-prompt button[type="button"] {
     background-color: #640000; /* Helles Rot */
 }
 
-#password-prompt button[type="button"]:hover {
+button#delete-row-button:disabled {
+    background-color: #cccccc;
+    color: #666666;
+}
+
+button#delete-row-button:not(:disabled):hover {
     background-color: #490000; /* Dunkleres Rot */
 }
+
+button#cancel-button {
+    background-color: #640000; /* Helles Rot */
+}
+
+button#cancel-button:disabled {
+    background-color: #cccccc;
+    color: #666666;
+}
+
+button#cancel-button:not(:disabled):hover {
+    background-color: #490000; /* Dunkleres Rot */
+}

src/templates/index.html

@@ -177,7 +177,7 @@ function updateTotalNutrition() {
     <nav id="navbar">
         <h1>Elo's Rezept Rechner</h1>
         <ul>
-	    <li class="versionid">VERSION_ID</li>
+	        <li class="versionid">VERSION_ID</li>
             <li><a href="/" class="active">Rechner</a></li>
             <li><a href="/nutrition">Neue Lebensmittel</a></li>
         </ul>

src/templates/nutrition.html

@@ -140,6 +140,7 @@ document.addEventListener('DOMContentLoaded', loadDatabaseEntries);
     <nav id="navbar">
         <h1>Elo's Rezept Rechner</h1>
         <ul>
+            <li class="versionid">VERSION_ID</li>
             <li><a href="/">Rechner</a></li>
             <li><a href="/nutrition" class="active">Neue Lebensmittel</a></li>
         </ul>
@@ -192,8 +193,8 @@ document.addEventListener('DOMContentLoaded', loadDatabaseEntries);
 
         <div id="password-prompt" style="display: none;">
             <input type="password" id="password-input" placeholder="Passwort">
-            <button onclick="deleteRowsIfPasswordCorrect()">OK</button>
+            <button id="ok-button" onclick="deleteRowsIfPasswordCorrect()">OK</button>
-            <button onclick="hidePasswordPrompt()">Abbrechen</button>
+            <button id="cancel-button" onclick="hidePasswordPrompt()">Abbrechen</button>
         </div>