From 021477cd7f4e2214d91891ba20ebc1d643731d8c Mon Sep 17 00:00:00 2001 From: Angel Date: Sat, 23 Nov 2024 00:13:05 +0100 Subject: [PATCH 1/2] Adjusted landing social icons position Every icon has now the exact same width and all of them fill the space better with a flexbox. Fixed cursor property in svg --- app.css | 22 +++++++++++++++------- 1 file changed, 15 insertions(+), 7 deletions(-) diff --git a/app.css b/app.css index 48b941cb5..76acd23b1 100644 --- a/app.css +++ b/app.css @@ -631,12 +631,21 @@ textarea:focus { width: 200px } +.landing .social, +.landing .social a, +.landing .social svg { + display: flex; + justify-content: center; + align-items: center; +} + .landing .social { - margin-top: 16px; - padding: 9px 12px; - border-radius: 6px; - margin-right: 38px; - text-align: center + padding: 25px 0; + gap: 10px; +} + +.landing .social a { + width: 30px; } .landing .social p { @@ -645,10 +654,9 @@ textarea:focus { .landing .social svg { font-size: 28px; - margin: 0 12px 0 0; cursor: pointer; color: #949fad; - pointer: cursor + cursor: pointer; } .landing .social svg:hover { From b5a86f31b85a7e5150a0a35f1e121520502b52bb Mon Sep 17 00:00:00 2001 From: Angel Date: Fri, 29 Nov 2024 23:26:58 +0100 Subject: [PATCH 2/2] Centered Landing Links Centered Landing Links without the use of margins. Minimum height is also added for the container to position It more easily --- app.css | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/app.css b/app.css index 76acd23b1..9c15c2ca1 100644 --- a/app.css +++ b/app.css @@ -680,13 +680,15 @@ textarea:focus { } .landing .links { - margin-top: 12px; - margin-right: 38px; display: flex; flex-direction: row; flex-wrap: wrap; - justify-content: space-between; - font-size: 18px + justify-content: center; + align-content: flex-end; + gap: 20px; + font-size: 18px; + min-height: 40px; + height: fit-content; } .landing .links a:hover {