From 2a7aa055202edc902bd741e302bd29489d4bbdd1 Mon Sep 17 00:00:00 2001 From: Wolf De Rechter Date: Thu, 1 Dec 2022 16:11:29 +0100 Subject: [PATCH 1/3] Rework footer links formatting --- packages/website/src/css/custom.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/packages/website/src/css/custom.css b/packages/website/src/css/custom.css index 7ce637cc09..9aaf34b5a6 100644 --- a/packages/website/src/css/custom.css +++ b/packages/website/src/css/custom.css @@ -117,3 +117,14 @@ [data-theme="dark"] .header-twitter-link::before { background: url("@site/static/img/social-icons/twitter-white.svg") no-repeat; } + +.footer__links { + display: flex; + flex-wrap: wrap; + justify-content: center; + width: 100%; +} + +.footer__link-item { + margin-right: 16px; +} \ No newline at end of file From 08e099990143f98ee90a0c3e31e76a129378c109 Mon Sep 17 00:00:00 2001 From: wolfderechter Date: Fri, 2 Dec 2022 19:01:49 +0100 Subject: [PATCH 2/3] fix(website): footer links seperator centering in landscape view --- packages/website/src/css/custom.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/packages/website/src/css/custom.css b/packages/website/src/css/custom.css index 9aaf34b5a6..984dd02b2b 100644 --- a/packages/website/src/css/custom.css +++ b/packages/website/src/css/custom.css @@ -125,6 +125,9 @@ width: 100%; } -.footer__link-item { - margin-right: 16px; +@media screen and (max-width: 996px) { + .footer__link-item { + margin-left: 8px; + margin-right: 8px; + } } \ No newline at end of file From d6c5c5f5f292df4fb41cdc3c6783c0b427b34339 Mon Sep 17 00:00:00 2001 From: wolfderechter Date: Fri, 2 Dec 2022 19:24:10 +0100 Subject: [PATCH 3/3] fix(website): footer links seperator centering in landscape view --- packages/website/src/css/custom.css | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/website/src/css/custom.css b/packages/website/src/css/custom.css index 984dd02b2b..5152ad36f0 100644 --- a/packages/website/src/css/custom.css +++ b/packages/website/src/css/custom.css @@ -123,6 +123,7 @@ flex-wrap: wrap; justify-content: center; width: 100%; + align-items: center; } @media screen and (max-width: 996px) {