From d3df235da8216f681e4e07eb1d0d5ac2f7261005 Mon Sep 17 00:00:00 2001 From: pumbas600 Date: Mon, 8 Jan 2024 12:57:44 +1100 Subject: [PATCH] Fix pill buttons and increase horizontal padding --- public/styles/abstracts/_mixins.sass | 14 +++++++------- public/styles/site/newsArticle.sass | 2 +- public/styles/site/newshub.sass | 4 ++-- 3 files changed, 10 insertions(+), 10 deletions(-) diff --git a/public/styles/abstracts/_mixins.sass b/public/styles/abstracts/_mixins.sass index c0650dc0..d77ddbfd 100644 --- a/public/styles/abstracts/_mixins.sass +++ b/public/styles/abstracts/_mixins.sass @@ -33,7 +33,7 @@ border: 0px solid variables.$background-secondary background-color: variables.$button-inactive font-family: variables.$family-subtitle - border-radius: 20px + border-radius: 9999px font-size: 1.5em justify-self: center transition: 0.4s @@ -73,33 +73,33 @@ .landingButton font-size: 1.2em margin: 0.2em 1em - padding: 0.8em + padding: 0.8em 1.2em @media (max-width: 800px) .landingButton margin: 8px font-size: 14px - padding: 0.6em + padding: 0.6em 1em button @include button font-size: 1em margin: 0.2em 1em - padding: 0.8em + padding: 0.8em 1.2em @media (max-width: 800px) button margin: 0px 8px 8px 8px font-size: 12px - padding: 0.6em + padding: 0.6em 1em .smallButton @include button font-size: 0.75em margin: 0.25em - padding: 0.5em + padding: 0.5em 0.7em .bigButton @include button font-size: 1em margin: 0.75em - padding: 1em + padding: 1em 1.4em .descriptionMain //background-color: variables.$background-secondary padding: 10px diff --git a/public/styles/site/newsArticle.sass b/public/styles/site/newsArticle.sass index 7732696c..6dce997a 100644 --- a/public/styles/site/newsArticle.sass +++ b/public/styles/site/newsArticle.sass @@ -11,7 +11,7 @@ a button font-size: 14px - padding: 0.5em + padding: 0.5em 0.7em #newsBackground background-image: url("../../images/blackasf.jpg") diff --git a/public/styles/site/newshub.sass b/public/styles/site/newshub.sass index 39c219b6..5e8227ac 100644 --- a/public/styles/site/newshub.sass +++ b/public/styles/site/newshub.sass @@ -41,7 +41,7 @@ font-size: 30px button font-size: 14px - padding: 0.5em + padding: 0.5em 0.7em @media (max-width: 1200px) @@ -68,7 +68,7 @@ font-size: 18px button font-size: 12px - padding: 0.5em + padding: 0.5em 0.7em .articleImage padding: 14vw