Adjust modal styles: make it taller always

frontend/src/components/DetailView/common/EditingModal.tsx

@@ -39,8 +39,14 @@ export const EditingModal = ({
             {' '}
             {children}
           </Box>
-          {onSave && <Button onClick={() => void closeWithSave()}>Save</Button>}
-          <Button onClick={() => setOpen(false)}>{onSave ? 'Cancel' : 'Close'}</Button>
+          {onSave && (
+            <Button sx={{ marginRight: '0.5em' }} variant="contained" onClick={() => void closeWithSave()}>
+              Save
+            </Button>
+          )}
+          <Button variant="contained" onClick={() => setOpen(false)}>
+            {onSave ? 'Cancel' : 'Close'}
+          </Button>
         </Box>
       </Modal>
     </Box>

frontend/src/components/DetailView/common/misc.tsx

@@ -4,7 +4,7 @@ export const modalStyle = {
   left: '50%',
   transform: 'translate(-50%, -50%)',
   width: 1200,
-  maxHeight: '90%',
+  height: '90%',
   bgcolor: 'background.paper',
   border: '2px solid #000',
   overflow: 'auto',