From 2f2ee5342ae7ca5268c0220be5ca199f2ddeabad Mon Sep 17 00:00:00 2001 From: Octavio Martinez Date: Thu, 12 Dec 2024 00:21:44 -0400 Subject: [PATCH 1/2] Improves sponsor visibility --- scss/_menu.scss | 18 +++++++++++++++--- 1 file changed, 15 insertions(+), 3 deletions(-) diff --git a/scss/_menu.scss b/scss/_menu.scss index f011e54..9916ce3 100644 --- a/scss/_menu.scss +++ b/scss/_menu.scss @@ -89,13 +89,25 @@ $transition: 0.3s ease-in-out; } } } - +.nav-link.sponsors { + display: flex; + flex-direction: row; + gap: 20px; + flex-wrap: wrap; +} .sponsor { - margin-left: 16px; - margin-top: 16px; + width: 64px; display: block; color: hsl(0, 0%, 51%); } +.sponsor:nth-child(1) { + width: 100%; + padding-left: 16px; +} +.sponsor img { + position: relative; + left: -64px; +} .advert { margin-left: 16px; // make space for asynchronously rendered advert From 82c013aad964ca1747e56b5efab59569f48ea92b Mon Sep 17 00:00:00 2001 From: Octavio Martinez Date: Thu, 12 Dec 2024 00:23:01 -0400 Subject: [PATCH 2/2] Add class to contain sponsors in a flex container --- templates/_menu.pug | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/templates/_menu.pug b/templates/_menu.pug index 89b2172..feec6f5 100644 --- a/templates/_menu.pug +++ b/templates/_menu.pug @@ -54,7 +54,7 @@ mixin menu +menuItem('support/community') +menuItem('support/enterprise') - .nav-link Sponsors + .nav-link.sponsors Sponsors a.sponsor(href="https://www.coinnewsspan.com/") | coin news - for (var i = 0; i < 5; i++)