diff --git a/layouts/main/components/nav/nav.css b/layouts/main/components/nav/nav.css index d65a5b7e..688aeca9 100644 --- a/layouts/main/components/nav/nav.css +++ b/layouts/main/components/nav/nav.css @@ -7,12 +7,6 @@ font-size: 1.125em; font-weight: 500; - /* Necessary to override the width setting for the `.sticky` class. */ - &.sticky { - inline-size: 100vw; - max-inline-size: 100vw; - } - & a { display: block; diff --git a/pages/Search/Search.css b/pages/Search/Search.css index 00ceaf20..60a28a20 100644 --- a/pages/Search/Search.css +++ b/pages/Search/Search.css @@ -59,26 +59,6 @@ body { } -.priority { - align-items: center; - background-color: var(--pink-swan); - block-size: 1em; - border-radius: 50%; - color: black; - content: attr(data-priority); - display: flex; - font-size: small; - inline-size: 1em; - inset-block-start: 0; - inset-inline-start: 0; - justify-content: center; - padding: 0.75em; - position: absolute; - text-align: center; - transform: translate(50%, -50%); - vertical-align: middle; -} - /* NB: The .sticky class is applied conditionally in the footer Handlebars template. */ .footer { @@ -131,6 +111,26 @@ h2 { box-shadow: 0px 15px 0px -14px black; } +.priority { + align-items: center; + background-color: var(--pink-swan); + block-size: 1em; + border-radius: 50%; + color: black; + content: attr(data-priority); + display: flex; + font-size: small; + inline-size: 1em; + inset-block-start: 0; + inset-inline-start: 0; + justify-content: center; + padding: 0.75em; + position: absolute; + text-align: center; + transform: translate(50%, -50%); + vertical-align: middle; +} + #results { border-collapse: separate; /* This is necessary for borders to stay fixed with position: sticky */