diff --git a/src/components/AddressBar.astro b/src/components/AddressBar.astro index ca2b713..2f3aaef 100644 --- a/src/components/AddressBar.astro +++ b/src/components/AddressBar.astro @@ -59,13 +59,14 @@ const form = new FormGroup([ } :global(input) { - width: var(--cozy-width); + width: 100%; + max-width: var(--cozy-width); text-align: center; border: 0px; border-radius: 5px; padding: 0.5rem; background-color: #f5f5f5; - box-shadow: 0 0 1px 1px #ccc; + box-shadow: 0 1px 3px 1px #ccc; cursor: pointer; } diff --git a/src/components/Library.astro b/src/components/Library.astro index 353a98e..84ce1cc 100644 --- a/src/components/Library.astro +++ b/src/components/Library.astro @@ -108,8 +108,7 @@ const {postDivSelector, skipSave = false} = Astro.props; padding-top: 1rem; :global(.post-card__image) { float: left; - margin-right: 0.5rem; - margin: 0.25rem 1rem 0.25rem 0; + margin: 0.25rem 0.5rem 0.25rem 0; :global(img, svg) { width: 70px; diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index ab351b6..457e362 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -42,10 +42,7 @@ const { meta } = Astro.props; #main-content { max-width: var(--cozy-width); margin: 0 auto; - } - - #main-content * { - padding: 0 0.5rem 1rem; + padding: 0 1em 1em; }