M README.md → README.md

@@ -1,3 +1,5 @@ 
+![Caroster](./banner.jpg)
+
 [![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.1-4baaaa.svg)](code_of_conduct.md)
 
 # Caroster - Group carpool to your event

A banner.jpg

M frontend/containers/WaitingList/index.tsx → frontend/containers/WaitingList/index.tsx

@@ -1,5 +1,5 @@ 
 import {useReducer, useState, useMemo, useCallback} from 'react';
-import { styled } from '@mui/material/styles';
+import {styled} from '@mui/material/styles';
 import Typography from '@mui/material/Typography';
 import IconButton from '@mui/material/IconButton';
 import Icon from '@mui/material/Icon';
@@ -27,14 +27,10 @@ const classes = {
   root: `${PREFIX}-root`,
   card: `${PREFIX}-card`,
   header: `${PREFIX}-header`,
-  editBtn: `${PREFIX}-editBtn`
+  editBtn: `${PREFIX}-editBtn`,
 };
 
-const StyledBox = styled(Box)((
-  {
-    theme
-  }
-) => ({
+const StyledBox = styled(Box)(({theme}) => ({
   [`&.${classes.root}`]: {
     position: 'relative',
     paddingLeft: '80px',
@@ -59,7 +55,7 @@ top: 0,
     right: 0,
     margin: theme.spacing(1),
     zIndex: theme.zIndex.speedDial,
-  }
+  },
 }));
 
 interface Props {
@@ -71,7 +67,6 @@ const WaitingList = ({
   getToggleNewPassengerDialogFunction,
   canAddSelf,
 }: Props) => {
-
   const {t} = useTranslation();
   const clearToast = useToastStore(s => s.clearToast);
   const event = useEventStore(s => s.event);
@@ -182,11 +177,13 @@ canAddSelf={canAddSelf}
             variant="waitingList"
           />
           <Divider />
-          <PassengersList
-            passengers={event?.waitingPassengers?.data}
-            onPress={onPress}
-            Button={ListButton}
-          />
+          {event?.waitingPassengers?.data?.length > 0 && (
+            <PassengersList
+              passengers={event.waitingPassengers.data}
+              onPress={onPress}
+              Button={ListButton}
+            />
+          )}
         </Paper>
       </Container>
       <RemoveDialog

M frontend/pages/e/[uuid]/details.tsx → frontend/pages/e/[uuid]/details.tsx

@@ -200,8 +200,10 @@ {event.description ?? t('event.fields.empty')}
               </Typography>
             )}
           </Box>
-          <Typography variant="h6">{t('event.fields.link')}</Typography>
-          <Typography>{t('event.fields.link_desc')}</Typography>
+          <Box sx={sectionSx}>
+            <Typography variant="h6">{t('event.fields.link')}</Typography>
+            <Typography>{t('event.fields.link_desc')}</Typography>
+          </Box>
           <Box py={4} justifyContent="center" display="flex">
             <ShareEvent
               title={`Caroster ${event.name}`}