From 24d5756c7caa3892617dad9c2d4581188eaf8e0e Mon Sep 17 00:00:00 2001
From: Alessandro <155005371+3clyp50@users.noreply.github.com>
Date: Mon, 29 Sep 2025 15:35:59 +0200
Subject: [PATCH] css finetuning for memory dashboard

---
 .../settings/memory/memory-dashboard.html           | 13 ++++---------
 .../settings/memory/memory-detail-modal.html        | 12 +++++++++++-
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/webui/components/settings/memory/memory-dashboard.html b/webui/components/settings/memory/memory-dashboard.html
index faccd74e9..e93dc8d4e 100644
--- a/webui/components/settings/memory/memory-dashboard.html
+++ b/webui/components/settings/memory/memory-dashboard.html
@@ -727,21 +727,16 @@
 
         .memory-table tbody tr {
             border-bottom: 1px solid var(--color-border);
-            transition: background-color 0.2s ease;
-        }
-
-        .memory-table tbody tr:nth-child(even) {
-            background: var(--color-panel);
-        }
-
-        .memory-table tbody tr:hover {
-            background: var(--color-panel);
         }
 
         .memory-table tbody tr:last-child {
             border-bottom: none;
         }
 
+        .memory-table tbody tr.memory-row {
+            background: var(--color-panel);
+        }
+
         .source-type {
             padding: 0.25rem 0.5rem;
             border-radius: var(--border-radius);
diff --git a/webui/components/settings/memory/memory-detail-modal.html b/webui/components/settings/memory/memory-detail-modal.html
index dd2a530a2..7809de43c 100644
--- a/webui/components/settings/memory/memory-detail-modal.html
+++ b/webui/components/settings/memory/memory-detail-modal.html
@@ -139,6 +139,8 @@
             .modal-header-compact {
                 background: linear-gradient(135deg, var(--color-panel) 0%, var(--color-background) 100%);
                 position: sticky;
+                padding-left: 0.8rem;
+                border-radius: 6px;
                 top: 0;
                 z-index: 100;
             }
@@ -166,6 +168,8 @@
                 display: flex;
                 align-items: center;
                 gap: 0.25rem;
+                background: var(--color-message-bg);
+                color: var(--color-text);
             }
         
             .btn-action-header .material-symbols-outlined {
@@ -256,6 +260,7 @@
             .metadata-sidebar {
                 min-width: 300px;
                 max-width: 350px;
+                min-height: 90vh;
                 background: var(--color-panel);
                 border-left: 1px solid var(--color-border);
                 padding: 1.5rem;
@@ -321,7 +326,7 @@
             .memory-detail-container {
                 display: flex;
                 flex-direction: column;
-                height: 100%;
+                height: 90vh;
             }
             
             /* Responsive design for modal */
@@ -334,9 +339,14 @@
                 .metadata-sidebar {
                     min-width: unset;
                     max-width: unset;
+                    min-height: unset;
                     border-left: none;
                     border-top: 1px solid var(--color-border);
                 }
+
+                .metadata-item {
+                    display: block;
+                }
         
                 .modal-header-compact {
                     padding: 0.75rem 1rem;