From 94a93bbcd57c342c65cb38c106c99694df6055da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Wed, 11 Mar 2020 10:49:15 +0100
Subject: [PATCH] Set circles heights to 100% over 50vh

Depending on the viewport height, it could break the shape
---
 src/style/atoms/_button-control.scss | 2 +-
 src/style/atoms/_link.scss           | 2 +-
 src/style/molecules/_location.scss   | 4 ++--
 src/style/organisms/_carousel.scss   | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/style/atoms/_button-control.scss b/src/style/atoms/_button-control.scss
index 3d4e7c4..c8e6344 100644
--- a/src/style/atoms/_button-control.scss
+++ b/src/style/atoms/_button-control.scss
@@ -9,7 +9,7 @@
     overflow: hidden;
     padding-top: 2px;
     pointer-events: auto;
-    border-radius: 50vh;
+    border-radius: 100%;
     border: none;
     cursor: pointer;
     outline: none;
diff --git a/src/style/atoms/_link.scss b/src/style/atoms/_link.scss
index 04f25d3..84f2fc8 100644
--- a/src/style/atoms/_link.scss
+++ b/src/style/atoms/_link.scss
@@ -44,7 +44,7 @@
         height: 22px;
         margin-left: 6px;
         background-color: #fff;
-        border-radius: 50vh;
+        border-radius: 100%;
 
         svg {
             height: auto;
diff --git a/src/style/molecules/_location.scss b/src/style/molecules/_location.scss
index 2964220..8979e35 100644
--- a/src/style/molecules/_location.scss
+++ b/src/style/molecules/_location.scss
@@ -27,7 +27,7 @@
         width: 32px;
         height: auto;
         margin: 0 auto;
-        border-radius: 50vh;
+        border-radius: 100%;
     }
 
     // City
@@ -79,7 +79,7 @@
         width: 216px;
         height: 216px;
         background: rgba($color-lightpurple, 0.3);
-        border-radius: 50vh;
+        border-radius: 100%;
         transition: all 85ms ease-in-out;
     }
 }
diff --git a/src/style/organisms/_carousel.scss b/src/style/organisms/_carousel.scss
index c119bfe..a7facca 100644
--- a/src/style/organisms/_carousel.scss
+++ b/src/style/organisms/_carousel.scss
@@ -275,7 +275,7 @@
                 height: 8px;
                 padding: 0;
                 background-color: $color-lightpurple;
-                border-radius: 50vh;
+                border-radius: 100%;
                 text-decoration: none;
                 transition: all 600ms $ease-quart;
             }