From b9d22f5dfa001d6b4202ffff501a8f457a4668e2 Mon Sep 17 00:00:00 2001
From: kisfenyo <nagyfenyvesi.viktor@gmail.com>
Date: Mon, 2 Feb 2026 08:18:38 +0100
Subject: [PATCH] visual tuning

---
 glance-system/glance-kisfenyo.yaml | 33 +++++++++++-------------------
 1 file changed, 12 insertions(+), 21 deletions(-)

diff --git a/glance-system/glance-kisfenyo.yaml b/glance-system/glance-kisfenyo.yaml
index 835e6a1..8e46d9b 100644
--- a/glance-system/glance-kisfenyo.yaml
+++ b/glance-system/glance-kisfenyo.yaml
@@ -1154,7 +1154,7 @@ data:
                       {{ $todos := .JSON.Array "todos" }}
 
                       <style>
-                        .todo-widget { display: flex; flex-direction: column; gap: 10px; }
+                        .todo-widget { display: flex; flex-direction: column; gap: 10px; padding-top: 0 !important; margin-top: -0.5rem; }
                         .todo-add { 
                           display: flex; gap: 8px; align-items: center;
                           background: rgba(255,255,255,0.06); border-radius: 8px;
@@ -1188,11 +1188,11 @@ data:
                           justify-content: center; flex-shrink: 0; transition: all 0.15s;
                           background: transparent;
                         }
-                        .todo-checkbox:hover { border-color: rgba(255,255,255,0.7); }
+                        .todo-checkbox:hover { border-color: rgba(96, 165, 250, 0.8); }
                         .todo-checkbox.done {
-                          background: rgba(34, 197, 94, 0.8); border-color: rgba(34, 197, 94, 0.8);
+                          background: transparent; border-color: rgba(96, 165, 250, 0.8);
                         }
-                        .todo-checkbox.done::after { content: "✓"; font-size: 11px; color: #fff; }
+                        .todo-checkbox.done::after { content: "✓"; font-size: 11px; color: rgba(96, 165, 250, 1); font-weight: bold; }
                         .todo-text { flex: 1; font-size: 13px; opacity: 0.95; line-height: 1.3; }
                         .todo-text.done { text-decoration: line-through; opacity: 0.5; }
                         .todo-delete {
@@ -1321,26 +1321,20 @@ data:
                   {{ $user := .Options.StringOr "user" "kisfenyo" }}
                   {{ $apiKey := .Options.StringOr "api_key" "" }}
                   {{ $quote := .JSON.String "quote" }}
-                  {{ $total := .JSON.Int "total" }}
 
                   <style>
                     .motiv-widget { position: relative; }
                     .motiv-quote {
-                      font-size: 14px; line-height: 1.5; opacity: 0.9;
-                      padding: 12px 14px; background: rgba(255,255,255,0.04);
-                      border-radius: 10px; border-left: 3px solid rgba(96, 165, 250, 0.6);
-                      font-style: italic;
-                    }
-                    .motiv-meta {
-                      display: flex; justify-content: space-between; align-items: center;
-                      margin-top: 8px; font-size: 11px; opacity: 0.5;
+                      font-size: 15px; line-height: 1.6; opacity: 0.85;
+                      font-style: italic; padding: 4px 0;
                     }
                     .motiv-gear {
-                      cursor: pointer; padding: 2px 6px; border-radius: 4px;
-                      transition: opacity 0.15s, background 0.15s; border: none; background: none;
-                      color: inherit; font-size: 11px;
+                      position: absolute; top: -2.2rem; right: 0;
+                      cursor: pointer; padding: 4px 6px; border-radius: 4px;
+                      border: none; background: none; color: inherit;
+                      font-size: 12px; opacity: 0.4; transition: opacity 0.15s;
                     }
-                    .motiv-gear:hover { opacity: 1; background: rgba(255,255,255,0.1); }
+                    .motiv-gear:hover { opacity: 0.8; }
                     
                     .motiv-modal-overlay {
                       display: none; position: fixed; inset: 0;
@@ -1397,11 +1391,8 @@ data:
                   </style>
 
                   <div class="motiv-widget" data-api="{{ $apiBase }}" data-user="{{ $user }}" data-key="{{ $apiKey }}">
+                    <button class="motiv-gear" type="button" title="Manage quotes">⚙️</button>
                     <div class="motiv-quote">{{ $quote }}</div>
-                    <div class="motiv-meta">
-                      <span>{{ $total }} quotes</span>
-                      <button class="motiv-gear" type="button" title="Manage quotes">⚙️ Manage</button>
-                    </div>
                     <div class="motiv-modal-overlay">
                       <div class="motiv-modal">
                         <div class="motiv-modal-header">