From 069aff88afee911afb1aca37b9711b8611cd8c0b Mon Sep 17 00:00:00 2001
From: d7hernan <83631798+d7hernan@users.noreply.github.com>
Date: Sun, 20 Nov 2022 21:58:44 -0800
Subject: [PATCH] centered search journal form

---
 source/index.html          | 18 +++++++++++-------
 source/static/homepage.css |  5 +++++
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/source/index.html b/source/index.html
index 7f998dc..e1fadbb 100644
--- a/source/index.html
+++ b/source/index.html
@@ -28,22 +28,26 @@
 			<div class="body-container">
 				<div style="width: 20%;"></div>
 				<div style="width: 60%;">
+					<div class="search-bar">
+						<form id="form">
+							<input type="search" id="searching" name="searchBar" placeholder="Search journal...">
+							<button class="click" type="search"> Search
+							</button>
+							<div class="Filter-box">
+								
+							</div>
+						</form>
+					</div>
 					<div class="center-display">		
 						<img src ="./assets/images/icons/Grouppink.png" alt="CREATE" style="opacity: 100%;" id="create-btn" onclick="window.location.assign('./CreatePage.html')"/>
 						<h2 id="recent-reviews-text"> Recent Reviews </h2>
 						<img src ="./assets/images/icons/Grouppink.png" style="opacity:0;"/>
+						
 					</div>
 
 					<div class="review-container" id="review-container"></div>
 				</div>
 				<div style="width: 20%;">
-					<form id="form">
-						<input type="search" id="seaching" name="searchBar" placeholder="Search journal...">
-						<button class="click" type="search">
-							Search
-						</button>
-						<div class="Filter-box"></div>
-					</form>
 				</div>
 			</div>
 		</main>
diff --git a/source/static/homepage.css b/source/static/homepage.css
index 33d39f6..484b06d 100644
--- a/source/static/homepage.css
+++ b/source/static/homepage.css
@@ -36,6 +36,11 @@ body {
 	align-items: center;
 }
 
+.search-bar {
+	display: flex;
+	justify-content: center;
+}
+
 #recent-reviews-text {
 	text-align: center;
 	font-size: 4rem;