diff --git a/static/css/projects.css b/static/css/projects.css index c504193..eb93350 100644 --- a/static/css/projects.css +++ b/static/css/projects.css @@ -39,6 +39,36 @@ background: linear-gradient(90deg, #2563eb, #1d4ed8); } +.header-navigation { + margin-bottom: 1rem; +} + +.back-button { + display: inline-flex; + align-items: center; + gap: 0.5rem; + padding: 0.5rem 1rem; + background: #f1f5f9; + color: #475569; + text-decoration: none; + border-radius: 0.5rem; + font-size: 0.875rem; + font-weight: 500; + border: 1px solid #cbd5e1; + transition: all 0.2s ease-in-out; +} + +.back-button:hover { + background: #e2e8f0; + color: #334155; + transform: translateX(-2px); + text-decoration: none; +} + +.back-button i { + font-size: 0.875rem; +} + .header-content h1 { font-size: 1.875rem; font-weight: 700; @@ -411,6 +441,16 @@ text-align: center; } + .header-navigation { + text-align: left; + margin-bottom: 0.5rem; + } + + .back-button { + display: inline-flex; + justify-content: flex-start; + } + .header-actions { justify-content: center; } diff --git a/templates/projects.html b/templates/projects.html index 62bbf29..4502cce 100644 --- a/templates/projects.html +++ b/templates/projects.html @@ -10,6 +10,12 @@
+

Projects

Organize and manage your QR code projects

@@ -105,7 +111,7 @@ Edit - +
{% endfor %}