Resolve "Refactor/minimize editor code"

Closes #118 (closed)

client/src/pages/presentationEditor/components/SlideSettings.tsx

@@ -294,7 +294,12 @@ const SlideSettings: React.FC = () => {
       <div className={classes.whiteBackground}>
         <FormControl variant="outlined" className={classes.dropDown}>
           <InputLabel>Sidtyp</InputLabel>
-          <Select value={activeSlide?.questions[0]?.type_id || 0} label="Sidtyp" className={classes.panelList}>
+          <Select
+            value={activeSlide?.questions[0]?.type_id || 0}
+            label="Sidtyp"
+            className={classes.panelList}
+            fullWidth={true}
+          >
             <MenuItem value={0}>
               <Typography variant="button" onClick={() => openSlideTypeDialog(0)}>
                 Informationssida
@@ -341,6 +346,7 @@ const SlideSettings: React.FC = () => {
       <ListItem>
         <TextField
           id="standard-number"
+          fullWidth={true}
           variant="outlined"
           placeholder="Antal sekunder"
           helperText="Lämna blank för att inte använda timerfunktionen"
@@ -350,7 +356,16 @@ const SlideSettings: React.FC = () => {
           value={timer || ''}
         />
       </ListItem>
-
+      <ListItem>
+        <TextField
+          label="Frågetitel"
+          fullWidth={true}
+          defaultValue={activeSlide?.questions[0].name}
+          onChange={updateQuestionName}
+          variant="outlined"
+        />
+        <Divider />
+      </ListItem>
       <List className={classes.panelList}>
         <ListItem divider>
           <ListItemText