+

frontend/src/App.jsx

@@ -23,11 +23,11 @@ function App() {
 
   return (
     <UserProvider>
-      <meta name="P&P Master" content="WoW. A description."/>
+      <meta name="P&P-Master" content="WoW. A description."/>
       <Router>
         <div>
         <Helmet>
-            <title>DND Master</title>
+            <title>P&P-Master</title>
           </Helmet>
           {popupMessage && <div className="popup">{popupMessage}</div>}    
           <Header isLoggedIn={isLoggedIn} />

frontend/src/pages/games.jsx

@@ -185,7 +185,7 @@ const GamesPage = () => {
                 <EditIcon />
               </IconButton>
             </Box>
-            <Box sx={{ maxHeight: '200px', maxWidth: '850px', overflowY: 'auto', backgroundColor: '#2e2e3f', p: 2, borderRadius: '8px', border: '1px solid #444' }}>
+            <Box sx={{ height: '115px', maxWidth: '850px', overflowY: 'auto', backgroundColor: '#2e2e3f', p: 2, borderRadius: '8px', border: '1px solid #444' }}>
               <Typography variant="body1" sx={{ color: '#fff' }}>{character.description}</Typography>
             </Box>
           </Box>
@@ -198,7 +198,7 @@ const GamesPage = () => {
               spacing={2}
               wrap="wrap"
               sx={{
-                maxHeight: '340px', // Height for 2 rows (128px image + ~40px text) * 2 + spacing
+                height: '250px',
                 overflowY: 'auto',
                 '&::-webkit-scrollbar': {
                   width: '8px'
@@ -295,28 +295,8 @@ const GamesPage = () => {
           />
         </DialogContent>
         <DialogActions>
-          <Button 
+          <Button onClick={handleEditClose}>Cancel</Button>
-            onClick={handleEditClose}
+          <Button onClick={handleSaveDescription}>Save</Button>
-            sx={{
-              color: '#fff',
-              '&:hover': {
-                backgroundColor: '#9865f7'
-              }
-            }}
-          >
-            Cancel
-          </Button>
-          <Button 
-            onClick={handleSaveDescription}
-            sx={{
-              color: '#fff',
-              '&:hover': {
-                backgroundColor: '#9865f7'
-              }
-            }}
-          >
-            Save
-          </Button>
         </DialogActions>
       </Dialog>
     </Box>

frontend/src/pages/profile.jsx

@@ -26,7 +26,7 @@ const Profile = () => {
   }, [userId]);
 
   return (
-    <Box sx={{ p: 3 }}>
+    <Box sx={{ p: 3, background: 'rgba(30, 30, 47, 0.9)', borderRadius: '8px', marginTop: '40px' }}>
       <Typography variant="h4" sx={{ mb: 4, color: '#fff' }}>
         Benutzerprofil: {username}
       </Typography>