diff --git a/snaplets/heist/templates/frontpage.tpl b/snaplets/heist/templates/frontpage.tpl index 7ad723ab12b1e9d1265f8a41ab051c2c49922852..5e2eaef54dd2eda547fad9b129dcbb7e2c9aeb25 100644 --- a/snaplets/heist/templates/frontpage.tpl +++ b/snaplets/heist/templates/frontpage.tpl @@ -2,11 +2,11 @@ - + Curr(y)gle - + diff --git a/static/currygle.css b/static/currygle.css index c5a897dfd61d2d34951a3dbe9a48590f2efc21d7..f80bd2454797c8531345b5fa5b04155f7fbf1337 100644 --- a/static/currygle.css +++ b/static/currygle.css @@ -10,6 +10,7 @@ --margin: 25px; --link-color: var(--currygle-primary-color); --padding: 25px; + --padding-2x: calc(var(--padding) * 2); } a { @@ -118,7 +119,7 @@ kbd { display: flex; flex-flow: row wrap; margin-bottom: var(--margin); - padding: var(--padding); + padding: var(--padding) var(--padding-2x); } .info-text { @@ -184,7 +185,7 @@ kbd { } .query-form { - margin: 0 var(--margin); + margin-left: var(--margin); } .result { @@ -277,7 +278,7 @@ kbd { align-items: center; display: flex; flex-direction: column; - margin: 0 var(--margin); + margin-right: var(--margin); } .title h1 { @@ -341,12 +342,17 @@ kbd { flex-direction: column; } + .query-form { + margin-left: 0; + } + .search-result-item-title { word-break: break-all; } .title { margin-bottom: var(--margin); + margin-right: 0; } } @@ -360,4 +366,22 @@ kbd { a { text-decoration: none !important; } +} + +@supports(padding: max(0px)) { + .footer, + .navigation, + .result { + padding-left: max(var(--padding), env(safe-area-inset-left)); + padding-right: max(var(--padding), env(safe-area-inset-right)); + } + + .header { + padding-left: max(var(--padding-2x), env(safe-area-inset-left)); + padding-right: max(var(--padding-2x), env(safe-area-inset-right)); + } + + .footer { + padding-bottom: max(var(--padding), env(safe-area-inset-bottom)); + } } \ No newline at end of file