From 2215209ae4076e5dff5c439a5d08e5cd26ae8c5e Mon Sep 17 00:00:00 2001 From: taitus Date: Thu, 28 Jan 2021 10:56:51 +0100 Subject: [PATCH] Standardize icon size These icons share page with the social media icons (eg: ssb-twitter) in both the index and the show pages We believe we gain consistency if all the icons that appear are the same size. Pull request 4101 will use this width in social media icons as well. --- app/assets/stylesheets/_consul_settings.scss | 2 ++ app/assets/stylesheets/sdg/goals/icon.scss | 2 +- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/app/assets/stylesheets/_consul_settings.scss b/app/assets/stylesheets/_consul_settings.scss index c73542b4e..5a59a0449 100644 --- a/app/assets/stylesheets/_consul_settings.scss +++ b/app/assets/stylesheets/_consul_settings.scss @@ -72,6 +72,8 @@ $outline-focus: 3px solid #ffbf47; $input-height: $line-height * 2; +$icon-width: $line-height * 2; + $sdg-colors: ( 1: #e5243b, 2: #dda63a, diff --git a/app/assets/stylesheets/sdg/goals/icon.scss b/app/assets/stylesheets/sdg/goals/icon.scss index 7e87f92c3..6005f25cf 100644 --- a/app/assets/stylesheets/sdg/goals/icon.scss +++ b/app/assets/stylesheets/sdg/goals/icon.scss @@ -1,4 +1,4 @@ .sdg-goal-icon { min-width: 40px; - width: 4vw; + width: $icon-width; }