Merge pull request #686 from allproxy/v3-28-0

davechri · web-flow · commit e346df0d519f · 2023-09-06T18:38:56.000-07:00
Minor style updates
diff --git a/client/src/App.css b/client/src/App.css
@@ -85,8 +85,8 @@ body {
 .react-tagsinput input,
 .header__filter-input,
 .header__filter-input input {
-	color: rgba(232, 230, 227);
-	background-color: #444444;
+	color: rgba(232, 230, 227) !important;
+	background-color: #444444 !important;
 }
 
 .react-tagsinput {
@@ -594,7 +594,7 @@ td input {
 
 .export__input-file-name {
 	margin: 0 1rem 1rem 1rem;
-	width: 600px;
+	width: 600px !important;
 }
 
 .snapshot__container {
diff --git a/client/src/components/ExportDialog.tsx b/client/src/components/ExportDialog.tsx
@@ -1,6 +1,6 @@
 import { observer } from 'mobx-react-lite';
 import React from 'react';
-import { Dialog, DialogTitle } from '@material-ui/core';
+import { Dialog, DialogContent, DialogTitle } from '@material-ui/core';
 
 type Props = {
 	open: boolean,
@@ -18,13 +18,15 @@ const ExportDialog = observer(({ open, heading: title, name, onClose }: Props) =
 	return (
 		<Dialog onClose={handleClose} aria-labelledby="simple-dialog-title" open={open} maxWidth={'lg'}>
 			<DialogTitle id="simple-dialog-title">{title}</DialogTitle>
-			<input className={'export__input-file-name form-control'} value={fileName} onChange={(value) => setFileName(value.target.value)} />
-			<button className={'btn btn-success'}
-				disabled={fileName.length === 0}
-				onClick={() => onClose(fileName)}
-			>
-				Export
-			</button>
+			<DialogContent>
+				<input className={'export__input-file-name form-control'} value={fileName} onChange={(value) => setFileName(value.target.value)} />
+				<button className={'btn btn-success'}
+					disabled={fileName.length === 0}
+					onClick={() => onClose(fileName)}
+				>
+					Export
+				</button>
+			</DialogContent>
 		</Dialog>
 	);
 });
