Implementing an 'account' dialog (WIP)

src/components/dialog/Dialog.tsx

@@ -27,28 +27,14 @@ const Dialog: Component<{
           backgroundColor: 'rgba(14, 116, 144, 0.7)',
           color: 'white',
           clear: 'both',
-          paddingRight: '20px',
+          margin: '0',
+          paddingLeft: '0',
         }}
       >
-        <Grid container spacing={2} alignItems='center'>
-          <Grid item xs={11}>
-            {props.title}
-          </Grid>
-          <Grid
-            item
-            xs={1}
-            sx={{
-              alignSelf: 'right',
-              marginRight: '0px',
-              paddingRight: '0px',
-              paddingTop: '16px',
-            }}
-          >
-            <IconButton onClick={props.closeHandler}>
-              <CloseIcon />
-            </IconButton>
-          </Grid>
-        </Grid>
+        <IconButton onClick={props.closeHandler}>
+          <CloseIcon />
+        </IconButton>
+        {props.title}
       </DialogTitle>
       <DialogContent sx={{ width: 'calc(100% - 60px)' }}>
         {props.children}