finally... UI that doesn't grow

taver-ca · Feb 10, 2024 · fd84421 · fd84421
1 parent f1590b8
commit fd84421
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/App.js b/src/App.js
@@ -48,7 +48,7 @@ function App() {
           container
           spacing={2}
           alignItems="flex-start">
-          <Stack item xs={6} md={6} spacing={2}>
+          <Grid direction={'column'} item xs={10} md={3} spacing={2}>
             <Box>
               <img src={window.location.origin + '/Taver.png'} alt="Taver" />
             </Box>
@@ -63,8 +63,8 @@ function App() {
               </Routes>
             </Router>
             <ConcertList setConcerts={setConcerts} setAllConcerts={setAllConcerts} concerts={concerts}></ConcertList>
-          </Stack>
-          <Grid item xs={10} md={6} direction={'row'}>
+          </Grid>
+          <Grid item xs={10} md={5} direction={'row'}>
             <SharePage concerts={concerts} userLocation={userLocation} mapStyle={mapStyle} />
           </Grid>
         </Grid>

diff --git a/src/YourFavoriteSpotifyArtists.js b/src/YourFavoriteSpotifyArtists.js
@@ -112,7 +112,7 @@ function YourFavoriteSpotifyArtists({ onChildClick, startDate, endDate }) {
   alignItems="center"
 
         >
-          <Grid xs={6} md={6}  container spacing={1} direction="row" justifyContent="center">
+          <Grid xs={10} md={10} container spacing={1} direction="row" justifyContent="center">
             {commaSeparatedfollowedArtists}
           </Grid>
         </Box>) : (