From 881710377d96e5bca385cdeeb106bbc760003f14 Mon Sep 17 00:00:00 2001
From: SandraBergstrom <bergstrom_sandra@hotmail.com>
Date: Thu, 22 Jun 2023 17:52:40 +0000
Subject: [PATCH] #14 Add style to form

---
 src/pages/posts/PostCreateForm.js        |  4 ++--
 src/styles/PostCreateEditForm.module.css | 23 ++++++++++++++---------
 2 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/pages/posts/PostCreateForm.js b/src/pages/posts/PostCreateForm.js
index 3f6db29..ac84fe3 100644
--- a/src/pages/posts/PostCreateForm.js
+++ b/src/pages/posts/PostCreateForm.js
@@ -77,8 +77,8 @@ function PostCreateForm() {
 
   return (
     <Form>
-      <Row>
-        <Col className="py-2 p-0 p-md-2" md={7} lg={8}>
+      <Row className={styles.Row}>
+        <Col className="py-5 p-0 p-md-2" md={7} lg={8}>
           <Container
             className={`${appStyles.Content} ${styles.Container} d-flex flex-column justify-content-center`}
           >
diff --git a/src/styles/PostCreateEditForm.module.css b/src/styles/PostCreateEditForm.module.css
index 4ad3020..b1e9938 100644
--- a/src/styles/PostCreateEditForm.module.css
+++ b/src/styles/PostCreateEditForm.module.css
@@ -1,11 +1,16 @@
+.Row {
+  display: flex;
+  align-items: center;
+}
+
 .Container {
-    min-height: 343px;
-  }
+  min-height: 343px;
+}
 
-  .FormControl:focus {
-    color: #0a3057;
-    background-color: #fff;
-    border-color: #fe8695;
-    outline: 0;
-    box-shadow: 0 0 0 0.25rem rgba(253, 13, 221, 0.25);
-}
\ No newline at end of file
+.FormControl:focus {
+  color: #0a3057;
+  background-color: #fff;
+  border-color: #fe8695;
+  outline: 0;
+  box-shadow: 0 0 0 0.25rem rgba(253, 13, 221, 0.25);
+}