From 064a7f66c886438ce6bdc99f696e7571dc93ea76 Mon Sep 17 00:00:00 2001
From: Sam <sam@samr1.net>
Date: Wed, 18 Aug 2021 17:13:54 +0200
Subject: [PATCH] Client - add border radius on input and button

---
 fittrackee_client/src/components/Common/AlertMessage.vue | 2 +-
 fittrackee_client/src/components/Common/Card.vue         | 2 +-
 fittrackee_client/src/scss/base.scss                     | 4 ++--
 fittrackee_client/src/scss/vars.scss                     | 2 ++
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/fittrackee_client/src/components/Common/AlertMessage.vue b/fittrackee_client/src/components/Common/AlertMessage.vue
index 74873e28..0350136d 100644
--- a/fittrackee_client/src/components/Common/AlertMessage.vue
+++ b/fittrackee_client/src/components/Common/AlertMessage.vue
@@ -28,7 +28,7 @@
     background: var(--alert-background-color);
     color: var(--alert-color);
 
-    border-radius: 4px;
+    border-radius: $border-radius;
 
     margin: $default-margin;
     padding: $default-padding;
diff --git a/fittrackee_client/src/components/Common/Card.vue b/fittrackee_client/src/components/Common/Card.vue
index ced22295..ed6f9210 100644
--- a/fittrackee_client/src/components/Common/Card.vue
+++ b/fittrackee_client/src/components/Common/Card.vue
@@ -21,7 +21,7 @@
 
   .card {
     border: solid 1px var(--card-border-color);
-    border-radius: 4px;
+    border-radius: $border-radius;
     margin: $default-margin;
     padding: $default-padding $default-padding * 2;
   }
diff --git a/fittrackee_client/src/scss/base.scss b/fittrackee_client/src/scss/base.scss
index babeb902..d329f711 100644
--- a/fittrackee_client/src/scss/base.scss
+++ b/fittrackee_client/src/scss/base.scss
@@ -24,7 +24,7 @@ a {
 }
 
 input {
-  border-radius: 0;
+  border-radius: $border-radius;
   border: solid 1px var(--input-border-color);
 
   &:disabled {
@@ -40,7 +40,7 @@ label {
 button {
   background: var(--app-background-color);
   border: solid 1px var(--app-color);
-  border-radius: 0;
+  border-radius: $border-radius;
   box-shadow: 2px 2px 2px var(--app-shadow-color);
   color: var(--app-color);
   padding: 6px 14px;
diff --git a/fittrackee_client/src/scss/vars.scss b/fittrackee_client/src/scss/vars.scss
index b7a62dc1..b9368899 100644
--- a/fittrackee_client/src/scss/vars.scss
+++ b/fittrackee_client/src/scss/vars.scss
@@ -16,3 +16,5 @@ $app-height: calc(100vh - 130px);
 */
 $default-padding: 10px;
 $default-margin: $default-padding;
+
+$border-radius: 4px;