diff --git a/internal/server/static/style.css b/internal/server/static/style.css index 542be49..acbcf06 100644 --- a/internal/server/static/style.css +++ b/internal/server/static/style.css @@ -26,7 +26,6 @@ body { color: var(--text-color); background-color: var(--background-color); display: flex; - min-height: 100vh; width: 100%; line-height: 1.6; } @@ -112,7 +111,7 @@ nav>a:hover::after { padding: 0; display: flex; flex-direction: column; - min-height: 100vh; + height: 100dvh; overflow-x: hidden; } @@ -140,7 +139,9 @@ main { padding: 2rem; display: flex; flex-direction: column; + height: 100%; gap: 1.5rem; + overflow: hidden; } /* Search form */ @@ -313,11 +314,21 @@ tr a { flex-direction: column; } +.order>div { + flex-basis: 0; + flex-shrink: 0; +} + .order-contents>*:first-child, .order-contents>*:last-child { flex-grow: 0; } +.scrollable { + overflow-y: auto; + min-height: 0; +} + /* Responsive adjustments */ @media (max-width: 768px) { .search-container { diff --git a/internal/server/templates/order.gohtml b/internal/server/templates/order.gohtml index 43738e9..1f20e64 100644 --- a/internal/server/templates/order.gohtml +++ b/internal/server/templates/order.gohtml @@ -43,7 +43,7 @@ -