Merge branch 'dev'

Author: pavlicekdominik

script/core/InventoryEditor.js

@@ -271,8 +271,8 @@ export class InventoryEditor {
         this.templates.unshift(duplicate);
         this.currentTemplate = duplicate;
         this.ui.loadTemplateToForm(duplicate);
-        this.ui.selectTemplateInList(duplicate.id);
         this.ui.renderTemplatesList();
+        this.ui.selectTemplateInList(duplicate.id);        
         this.notifications.show('Template duplicated successfully', 'success');
     }
 

script/database/TemplateRepository.js

@@ -13,19 +13,18 @@ export class TemplateRepository {
     }
 
     async save(template) {
-        // Ensure template has required fields
         if (!template.id) {
             throw new Error('Template must have an id');
         }
 
-        // Set timestamps
         const now = new Date().toISOString();
         if (!template.createdAt) {
             template.createdAt = now;
         }
         template.updatedAt = now;
 
-        return await this.db.put(this.storeName, template);
+        await this.db.put(this.storeName, template);
+        return template;
     }
 
     async delete(id) {

style/reset.css

@@ -8,7 +8,7 @@
 
 body {
     font-family: var(--font-family);
-    background: var(--background-gradient);
+    background: var(--bg-white-solid);
     color: #333;
     min-height: 100vh;
     -ms-overflow-style: none;

style/responsive.css

@@ -46,7 +46,7 @@
 @media (max-width: 1200px) {
     .main-content {
         flex-direction: column;
-        margin-top: 1rem;
+        /*margin-top: 1rem;*/
     }
 
     .sidebar {
@@ -258,4 +258,10 @@
     .help-body {
         padding: var(--spacing-sm);
     }
+
+    #themeToggle {
+        padding: var(--spacing-sm);
+        min-width: 1rem;
+        font-size: 1rem;
+    }
 }

style/sidebar.css

@@ -32,16 +32,22 @@
 #templatesList button {
     width: 100%;
     padding: 0.75rem;
-    background: var(--bg-light);
-    border: 1px solid var(--bg-border-dark);
+    background: transparent;
+    border: 1px solid transparent;
     border-radius: var(--border-radius-sm);
     cursor: pointer;
     text-align: left;
     transition: all var(--transition-fast);
+    font-weight: 600;
+}
+
+#templatesList button:hover {
+    box-shadow: var(--shadow-sm);
+    border-color: var(--bg-border);
 }
 
 #templatesList button.active {
-    background: var(--bg-white);
+    background: var(--primary-gradient);
     border-color: var(--primary-color);
     border: 1px solid var(--primary-color);
 }

style/variables.css

@@ -2,7 +2,7 @@
 :root {
     /* Colors */
     --primary-color: #4a90e2;
-    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    --primary-gradient: linear-gradient(135deg, #cbe5ff 0%, #430000 100%);
     --background-gradient: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
     --secondary-color: #6c757d;
     --danger-color: #dc3545;
@@ -68,8 +68,7 @@
 :root[data-theme="dark"] {
     /* Colors */
     --primary-color: #1b2b3b;
-    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    --background-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
+    --primary-gradient: linear-gradient(183deg, #00082f 0%, #230000 100%);
     --secondary-color: #64748b;
     --danger-color: #ef4444;
     --success-color: #22c55e;