diff --git a/app/static/style.css b/app/static/style.css index a3ad02d..432f4d9 100644 --- a/app/static/style.css +++ b/app/static/style.css @@ -348,6 +348,7 @@ button { display: flex; flex-direction: column; gap: 0; + height: 100%; } .svc-credentials { background: linear-gradient(135deg, #edf5fc 0%, #e2eff8 100%); @@ -422,6 +423,7 @@ button { border: 1px solid transparent; transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; flex: 1; + min-height: 0; } .tile:hover { transform: translateY(-2px); @@ -461,18 +463,21 @@ button { } .tile-comment { display: block; - max-height: calc(1.35em * 15); - overflow-y: auto; - overflow-x: hidden; + flex: 1; + min-height: 0; + overflow: hidden; line-height: 1.35; padding-right: 0.2rem; + mask-image: linear-gradient(to bottom, black 70%, transparent 100%); +-webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%); } .tile-comment b, .tile-comment strong { font-weight: 700; } .service-categories { - margin-top: 0.7rem; + margin-top: auto; + padding-top: 0.7rem; display: flex; flex-wrap: wrap; gap: 0.35rem;