From adc66cb28e4b261fe6ec524d9e4b09e69babc17c Mon Sep 17 00:00:00 2001
From: taitus <sebastia.roig@gmail.com>
Date: Thu, 28 Jan 2021 10:31:36 +0100
Subject: [PATCH] Improve icons size on goals index

We're also using a percentage to separate the icons, since using the
viewport width causes strange result on screens where the element
max-width (which is based in rem) is much smaller than the size of the
window.
---
 app/assets/stylesheets/sdg/goals/index.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/sdg/goals/index.scss b/app/assets/stylesheets/sdg/goals/index.scss
index 392b51c33..b20bdcd35 100644
--- a/app/assets/stylesheets/sdg/goals/index.scss
+++ b/app/assets/stylesheets/sdg/goals/index.scss
@@ -18,13 +18,13 @@
   }
 
   .sdg-goal-list {
-    $spacing: 1vw;
+    $spacing: 1.5%;
 
     @include sdg-goal-list($spacing);
     @include grid-row;
     @include grid-column-gutter;
 
-    max-width: 40rem;
+    max-width: 60rem;
     width: 100%;
 
     li {