diff --git a/frontend/src/lib/components/footer.svelte b/frontend/src/lib/components/footer.svelte index 500095b..fcd9f8e 100644 --- a/frontend/src/lib/components/footer.svelte +++ b/frontend/src/lib/components/footer.svelte @@ -15,7 +15,6 @@
- @@ -55,7 +54,7 @@ .footer { display: grid; grid-template-columns: 1fr 1fr 1fr; - grid-template-areas: "social-notice spacer social-links" + grid-template-areas: "social-notice social-notice social-links" "column1 column2 column3" "copyright copyright copyright"; @@ -73,8 +72,9 @@ display: flex; flex-direction: column; + justify-self: center; gap: 20px; - padding: 30px 90px; + padding: 30px 20px; font-family: "Montserrat" sans-serif; font-size: 20px; @@ -92,10 +92,11 @@ .footer-column-title { position: relative; - padding-bottom: 5px; + padding-bottom: 20px; font-family: "Source_Sans_3" sans-serif; font-weight: bold; + text-transform: uppercase; } @@ -112,30 +113,28 @@ /*FIXME: Make another class title here*/ .container { grid-area: social-notice; - color: var(--col_panel); + height: 100%; + background-color: var(--col_panel); margin: 0; + line-height: 30px; } .footer__social-notice { - margin: 0; + margin: 0 auto; padding: 20px; - height: 32px; + width: 100%; font-family: 'Source_Sans_3' sans-serif; font-weight: bold; font-size: 20px; + display: inline-block; + vertical-align: middle; + line-height:1fr; color: var(--col_text_panel); } - .footer__social-spacer { - - grid-area: spacer; - width: auto; - - } - .footer__social-links { display: flex; @@ -149,8 +148,9 @@ .footer__copyright { grid-area: copyright; margin: auto 0 0 0; + padding: 10px; height: fit-content; - width: 100%; + font-family: "Montserrat" sans-serif; font-size: 24px;