diff --git a/src/app.css b/src/app.css index 8732f17..f4f2d8f 100644 --- a/src/app.css +++ b/src/app.css @@ -31,7 +31,7 @@ body { margin-inline: auto; width: min(90%, 95rem); margin-top: 4rem; - padding-bottom: 2rem; + padding-bottom: 6rem; display: flex; flex-direction: column; justify-content: space-between; @@ -53,7 +53,7 @@ body { --grey-three: #373e4d; --grey-four: #182244; --grey-five: hsl(208, 30%, 75%); - --grey-six: hsla(220, 12%, 15%, 0.655); + --grey-six: #202126; --grey-seven: #43698657; --bezier-one: cubic-bezier(0.25, 0.46, 0.45, 0.94); } diff --git a/src/lib/components/atoms/Button.svelte b/src/lib/components/atoms/Button.svelte index 9c71fe8..f374300 100644 --- a/src/lib/components/atoms/Button.svelte +++ b/src/lib/components/atoms/Button.svelte @@ -36,7 +36,7 @@ font-weight: 600; border: none; border-radius: 12px; - padding: 1rem 1.75rem; + padding: 0.85rem 1.5rem; display: block; background-color: var(--grey-two); transition: transform 0.4s var(--bezier-one), filter 0.4s var(--bezier-one); diff --git a/src/lib/components/atoms/LogoOption.svelte b/src/lib/components/atoms/LogoOption.svelte index d739f9b..a9de0f9 100644 --- a/src/lib/components/atoms/LogoOption.svelte +++ b/src/lib/components/atoms/LogoOption.svelte @@ -33,7 +33,7 @@ div { color: var(--white); text-decoration: none; - padding: 1.5rem; + padding: 1.25rem; width: 100%; transition: all 0.3s var(--bezier-one); border-radius: 8px; @@ -43,6 +43,7 @@ border: 1px solid var(--grey-three); cursor: pointer; align-items: center; + overflow: hidden; } @@ -82,8 +83,8 @@ img { border-radius: 8px; - height: 150px; - width: 150px; + height: 125px; + width: 125px; background-color: var(--grey-two); transition: transform 0.4s var(--bezier-one); user-select: none; diff --git a/src/routes/polling/+page.svelte b/src/routes/polling/+page.svelte index 4f6d260..6acbb78 100644 --- a/src/routes/polling/+page.svelte +++ b/src/routes/polling/+page.svelte @@ -83,9 +83,13 @@