#14 Add style to form

SandraBergstrom · Jun 22, 2023 · 8817103 · 8817103
1 parent 8b04ca4
commit 8817103
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 11 deletions.
diff --git 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
@@ -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);
-}
+.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);
+}