From e140ef2535e450e20756e45d27d0fe55e782ffe6 Mon Sep 17 00:00:00 2001
From: memeriau <manuel.emeriau@mappy.com>
Date: Fri, 14 Jan 2022 00:11:34 +0100
Subject: [PATCH] Form styles

---
 .eslintrc.js                                |  1 +
 src/components/LoginForm/styles.module.scss |  2 --
 src/theme/form.scss                         | 13 +++++++++++--
 src/theme/variables.scss                    |  1 +
 4 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 0184e79..6283418 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -43,6 +43,7 @@ module.exports = {
                 devDependencies: true,
             },
         ],
+        "import/prefer-default-export": "off",
         "@typescript-eslint/ban-ts-comment": "off",
         "@typescript-eslint/no-explicit-any": "off",
         "@typescript-eslint/no-var-requires": "off",
diff --git a/src/components/LoginForm/styles.module.scss b/src/components/LoginForm/styles.module.scss
index a145737..6b8cd30 100755
--- a/src/components/LoginForm/styles.module.scss
+++ b/src/components/LoginForm/styles.module.scss
@@ -14,8 +14,6 @@
     }
     input {
         width: 100%;
-        border: 1px solid #333;
-        border-radius: 4px;
     }
 }
 
diff --git a/src/theme/form.scss b/src/theme/form.scss
index 2277313..51a40a5 100644
--- a/src/theme/form.scss
+++ b/src/theme/form.scss
@@ -1,10 +1,19 @@
 @import "./variables";
 
 button {
-    padding: 5px 20px;
+    padding: 7px 20px;
     background-color: $color-orange;
     border: 0;
     color: $color-white;
-    border-radius: 14px;
+    border-radius: 16px;
     font-weight: bold;
+    cursor: pointer;
+}
+
+input[type="text"],
+input[type="password"],
+input[type="email"] {
+    padding: 4px 6px;
+    border: 1px solid #333;
+    border-radius: 4px;
 }
diff --git a/src/theme/variables.scss b/src/theme/variables.scss
index 9f42039..5c9b523 100755
--- a/src/theme/variables.scss
+++ b/src/theme/variables.scss
@@ -1,6 +1,7 @@
 $color-white: #fff;
 $color-black: #000;
 $color-orange: #ea4d0a;
+$color-yellow: #fdd137;
 
 $border-large: 4px solid $color-black;
 $border-thin: 2px solid $color-black;