From 78b7c729ee97fae4d315bb92255fd51670f292fa Mon Sep 17 00:00:00 2001
From: Sahej Panag <spanag3@gatech.edu>
Date: Tue, 9 Apr 2024 16:45:06 -0400
Subject: [PATCH] changes mentioned by alexis

---
 frontend/src/App.tsx                       |  4 ++--
 frontend/src/screens/MainScreenWrapper.css | 10 +++++++---
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 8ebdd3e..8d4280a 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -5,8 +5,8 @@ function App() {
 
   return (
     <>
-      <div className="App" style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', height: '100vh' }}>
-      <img 
+      <div className="App" style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', height: '100vh' , gap: 15}}>
+      <img
         src="/PeerNotes.png" 
         alt="PeerNotes Logo" 
         style={{ 
diff --git a/frontend/src/screens/MainScreenWrapper.css b/frontend/src/screens/MainScreenWrapper.css
index 1005c2a..f1d68e6 100644
--- a/frontend/src/screens/MainScreenWrapper.css
+++ b/frontend/src/screens/MainScreenWrapper.css
@@ -28,12 +28,16 @@ html, body {
     font-weight: bold;
   }
   
-  select {
+  .filter-item > select {
     padding: 8px;
     border: 1px solid #2E8BC0;
     border-radius: 4px;
-    width: 100%; /* fill the container width */
-  }
+    width: 100%;
+}
+
+.filter-item {
+    width: 100%;
+}
 
   .submit-button {
     padding: 8px 16px;