From 44f36e2d8fab2df1faa1a4a20a3bd31884281a90 Mon Sep 17 00:00:00 2001
From: SandraBergstrom <bergstrom_sandra@hotmail.com>
Date: Tue, 27 Jun 2023 14:30:42 +0000
Subject: [PATCH] #21 Style comment form

---
 src/pages/comments/CommentCreateForm.js     |  2 +-
 src/styles/CommentCreateEditForm.module.css | 38 ++++++++++-----------
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/pages/comments/CommentCreateForm.js b/src/pages/comments/CommentCreateForm.js
index c5a029c..a13ef47 100644
--- a/src/pages/comments/CommentCreateForm.js
+++ b/src/pages/comments/CommentCreateForm.js
@@ -59,7 +59,7 @@ function CommentCreateForm(props) {
         </InputGroup>
       </Form.Group>
       <button
-        className={`${styles.Button} btn d-block ml-auto`}
+        className={`${styles.Button} d-block ms-auto`}
         disabled={!content.trim()}
         type="submit"
       >
diff --git a/src/styles/CommentCreateEditForm.module.css b/src/styles/CommentCreateEditForm.module.css
index 1910267..6f6f016 100644
--- a/src/styles/CommentCreateEditForm.module.css
+++ b/src/styles/CommentCreateEditForm.module.css
@@ -1,20 +1,20 @@
 .Form {
-    border: none;
-    border-bottom: 2px #00d1ff solid;
-  }
-  
-  .Button {
-    border: none;
-    background-color: #242a3d;
-    color: aliceblue;
-    border-radius: 100px;
-    padding: 4px 10px;
-    min-width: 75px;
-    margin: 5px;
-  }
-  
-  .Button:hover {
-    cursor: pointer;
-    background-color: aliceblue;
-    color: #242a3d;
-  }
\ No newline at end of file
+  border: none;
+  border-bottom: 2px var(--clr-accent-pink) solid;
+}
+
+.Button {
+  border: none;
+  background-color: var(--clr-accent-pink);
+  color: white;
+  border-radius: 100px;
+  padding: 4px 10px;
+  min-width: 75px;
+  margin: 20px;
+}
+
+.Button:hover {
+  cursor: pointer;
+  background-color: var(--clr-accent-dark);
+  color: white;
+}