diff --git a/src/api/templates/dashboard.html b/src/api/templates/dashboard.html index 35f59e6..5752515 100644 --- a/src/api/templates/dashboard.html +++ b/src/api/templates/dashboard.html @@ -243,42 +243,54 @@ background: #0055aa; } - .contact-stats { - display: flex; - gap: 1.5rem; + .special-searches-box { + position: fixed; + top: 136px; + right: 2rem; + width: 280px; + background: #fff; + border-radius: 8px; + padding: 1rem 1.25rem; + box-shadow: 0 1px 3px rgba(0,0,0,0.1); + max-height: calc(100vh - 4rem); + overflow-y: auto; } - .contact-stats-left { - flex: 1; + .special-search-link { + display: block; + padding: 0.75rem; + background: #f8f9fa; + border-radius: 6px; + color: #0066cc; + text-decoration: none; + font-size: 0.875rem; + transition: background 0.15s ease; } - .contact-stats-right { - flex: 1; + .special-search-link:hover { + background: #e7f3ff; + text-decoration: underline; + } + + .sidebar-section-title { + font-size: 0.75rem; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0.5px; + color: #888; + margin-bottom: 0.75rem; + } + + .sidebar-section-list { display: flex; flex-direction: column; gap: 0.5rem; - justify-content: center; } - .special-search { - display: flex; - justify-content: space-between; - align-items: center; - padding: 0.4rem 0.6rem; - background: #f8f9fa; - border-radius: 4px; - text-decoration: none; - color: inherit; - font-size: 0.8125rem; - transition: background 0.15s; - } - - .special-search:hover { - background: #e9ecef; - } - - .special-search-label { - color: #555; + @media (max-width: 1450px) { + .special-searches-box { + display: none; + } } @@ -301,23 +313,8 @@
Kontakte
-
-
-
{{ contact_count }}
-
gespeicherte Kontakte
-
- -
+
{{ contact_count }}
+
gespeicherte Kontakte
@@ -381,6 +378,15 @@
Keine Geburtstage in den nächsten 7 Tagen.
{% endif %}
+ +
+ + +