From d809bf1891dd345605cd47adb1fc5f92be78b6d1 Mon Sep 17 00:00:00 2001
From: Sunny Bhadani <sunnybhadani898@gmail.com>
Date: Sun, 30 Oct 2022 23:45:30 +0530
Subject: [PATCH] Improved the landing Page

---
 src/components/List/List.js                 | 2 +-
 src/components/List/styles.js               | 6 +++---
 src/components/PlaceDetails/PlaceDetails.js | 4 ++--
 src/components/PlaceDetails/styles.js       | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/List/List.js b/src/components/List/List.js
index fce85ca..c9795bb 100644
--- a/src/components/List/List.js
+++ b/src/components/List/List.js
@@ -35,7 +35,7 @@ const List = ({ places, type, setType, rating, setRating, childClicked, isLoadin
               <MenuItem value="">All</MenuItem>
               <MenuItem value="3">Above 3.0</MenuItem>
               <MenuItem value="4">Above 4.0</MenuItem>
-              <MenuItem value="4.5">Above 4.5</MenuItem>
+              <MenuItem value="4.5">Above 4.6</MenuItem>
             </Select>
           </FormControl>
           <Grid container spacing={3} className={classes.list}>
diff --git a/src/components/List/styles.js b/src/components/List/styles.js
index 8c6285a..8fc40da 100644
--- a/src/components/List/styles.js
+++ b/src/components/List/styles.js
@@ -8,13 +8,13 @@ export default makeStyles((theme) => ({
     marginTop: theme.spacing(2),
   },
   loading: {
-    height: '600px', display: 'flex', justifyContent: 'center', alignItems: 'center',
+    height: '650px', display: 'flex', justifyContent: 'center', alignItems: 'center',
   },
   container: {
-    padding: '25px',
+    padding: '27px',
   },
   marginBottom: {
-    marginBottom: '30px',
+    marginBottom: '32px',
   },
   list: {
     height: '75vh', overflow: 'auto',
diff --git a/src/components/PlaceDetails/PlaceDetails.js b/src/components/PlaceDetails/PlaceDetails.js
index 48440e6..c324234 100644
--- a/src/components/PlaceDetails/PlaceDetails.js
+++ b/src/components/PlaceDetails/PlaceDetails.js
@@ -13,12 +13,12 @@ const PlaceDetails = ({ place, selected, refProp }) => {
   return (
     <Card elevation={6}>
       <CardMedia
-        style={{ height: 350 }}
+        style={{ height: 300 }}
         image={place.photo ? place.photo.images.large.url : 'https://www.foodserviceandhospitality.com/wp-content/uploads/2016/09/Restaurant-Placeholder-001.jpg'}
         title={place.name}
       />
       <CardContent>
-        <Typography gutterBottom variant="h5">{place.name}</Typography>
+        <Typography gutterBottom variant="h6">{place.name}</Typography>
         <Box display="flex" justifyContent="space-between" my={2}>
           <Rating name="read-only" value={Number(place.rating)} readOnly />
           <Typography component="legend">{place.num_reviews} review{place.num_reviews > 1 && 's'}</Typography>
diff --git a/src/components/PlaceDetails/styles.js b/src/components/PlaceDetails/styles.js
index 66c0eec..1953254 100644
--- a/src/components/PlaceDetails/styles.js
+++ b/src/components/PlaceDetails/styles.js
@@ -5,7 +5,7 @@ export default makeStyles(() => ({
     margin: '5px 5px 5px 0',
   },
   subtitle: {
-    display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginTop: '10px',
+    display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginTop: '12px',
   },
   spacing: {
     display: 'flex', alignItems: 'center', justifyContent: 'space-between',