From 2d482ccf5ab80f181217e6d45dce0dc9a72c5b80 Mon Sep 17 00:00:00 2001
From: SandraBergstrom <bergstrom_sandra@hotmail.com>
Date: Tue, 20 Jun 2023 13:43:14 +0000
Subject: [PATCH] #10 Update button style

---
 src/components/NavBar.js           | 5 ++++-
 src/styles/Button.module.css       | 2 +-
 src/styles/NavBar.module.css       | 4 ++--
 src/styles/SignInUpForm.module.css | 2 +-
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/NavBar.js b/src/components/NavBar.js
index 732c489..bff49ac 100644
--- a/src/components/NavBar.js
+++ b/src/components/NavBar.js
@@ -8,6 +8,7 @@ import NavDropdown from "react-bootstrap/NavDropdown";
 import logo from "../assets/logo.webp";
 import { NavLink } from "react-router-dom";
 import styles from "../styles/NavBar.module.css";
+import btnStyles from "../styles/Button.module.css"
 
 const NavBar = () => {
   return (
@@ -61,7 +62,9 @@ const NavBar = () => {
               className="me-2"
               aria-label="Search"
             />
-            <Button className={styles.ButtonPrimary}>
+            <Button className={
+                `${btnStyles.Button} ${btnStyles.Bright}`
+              }>
               Search
             </Button>
           </Form>
diff --git a/src/styles/Button.module.css b/src/styles/Button.module.css
index 86e5e2c..dfaff78 100644
--- a/src/styles/Button.module.css
+++ b/src/styles/Button.module.css
@@ -1,7 +1,7 @@
 .Button {
     font-size: 0.8rem;
     align-self: center;
-    border-radius: 100px;
+    border-radius: 10px;
     border-color: transparent;
     padding: 4px 10px;
     margin-left: 2px;
diff --git a/src/styles/NavBar.module.css b/src/styles/NavBar.module.css
index 41be7fa..9b2c42e 100644
--- a/src/styles/NavBar.module.css
+++ b/src/styles/NavBar.module.css
@@ -14,9 +14,9 @@
   font-weight: 500;
 }
 
-.ButtonPrimary {
+/* .ButtonPrimary {
   padding: 5px 10px;
   background-color: var(--clr-accent-dark);
   color: var(--clr-primary-light);
   border: 0px;
-}
+} */
diff --git a/src/styles/SignInUpForm.module.css b/src/styles/SignInUpForm.module.css
index 683ee10..5b8dfd9 100644
--- a/src/styles/SignInUpForm.module.css
+++ b/src/styles/SignInUpForm.module.css
@@ -5,7 +5,7 @@
     background: var(--clr-primary-light);
     border: 1px solid var(--clr-accent-light);
     box-sizing: border-box;
-    border-radius: 50px;
+    border-radius: 10px;
     color: var(--clr-accent-dark);
     text-align: center;
     padding: 8px;