diff --git a/app/static/style.css b/app/static/style.css index f898c44..52386ca 100644 --- a/app/static/style.css +++ b/app/static/style.css @@ -347,8 +347,7 @@ button { color: #fff; } .tile-wrap { - display: flex; - flex-direction: column; + position: relative; height: 100%; } .svc-credentials { @@ -361,6 +360,8 @@ button { flex-direction: column; gap: 0.3rem; flex-shrink: 0; + position: relative; + z-index: 2; } .svc-cred-row { display: flex; @@ -413,10 +414,15 @@ button { .svc-cred-copy.copied::before { content: "\2713"; } .svc-cred-copy:hover:not(.copied) { background: #e6f0f9; border-color: #7aabcf; } +.tile-link { + position: absolute; + inset: 0; + z-index: 1; + border-radius: 12px; +} .tile { display: flex; flex-direction: column; - text-decoration: none; background: var(--card); color: inherit; border-radius: 12px; @@ -424,11 +430,14 @@ button { box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06); border: 1px solid transparent; transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; - flex: 1; + height: 100%; + box-sizing: border-box; min-height: 0; overflow: hidden; + position: relative; + z-index: 0; } -.tile:hover { +.tile-wrap:hover .tile { transform: translateY(-2px); border-color: #bdd3e6; box-shadow: 0 14px 26px rgba(15, 64, 103, 0.12); diff --git a/app/templates/dashboard.html b/app/templates/dashboard.html index c67eadc..def2c9f 100644 --- a/app/templates/dashboard.html +++ b/app/templates/dashboard.html @@ -78,14 +78,15 @@ {% for service in services %} {% set svc_cats = service_categories.get(service.id, []) %}