chore: style matrix generation options

cheminfo · Nov 29, 2023 · 0b3a50c · 0b3a50c
1 parent 2d3fcd8
commit 0b3a50c
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/src/component/hooks/useSaveSettings.tsx b/src/component/hooks/useSaveSettings.tsx
@@ -29,7 +29,7 @@ const WorkspaceAddForm = forwardRef<FormikProps<any>, any>(
             placeholder="Enter workspace Name"
             style={{
               input: {
-                height: '35px',
+                padding: '0.5em',
                 width: '90%',
                 fontWeight: 'normal',
                 color: 'black',

diff --git a/src/component/panels/MatrixGenerationPanel/FiltersOptions.tsx b/src/component/panels/MatrixGenerationPanel/FiltersOptions.tsx
@@ -19,7 +19,7 @@ import {
 } from './MatrixGenerationPanel';
 
 const inputStyle: InputStyle = {
-  input: { padding: '0.2em 0.1em', width: '100%' },
+  input: { padding: '0.4em', width: '100%' },
 };
 
 export function FiltersOptions() {
@@ -176,7 +176,16 @@ function FiltersPanelGroupHeader({ index, name }) {
       className="section-header"
       style={{ display: 'flex', padding: '5px 0px' }}
     >
-      <p style={{ flex: 1, ...GroupPanelStyle.header }}>{index + 1}-</p>
+      <p
+        style={{
+          flex: 1,
+          margin: 0,
+          paddingRight: '5px',
+          ...GroupPanelStyle.header,
+        }}
+      >
+        {index + 1}-
+      </p>
       <Select
         value={name}
         items={DEFAULT_MATRIX_FILTERS}
@@ -189,7 +198,11 @@ function FiltersPanelGroupHeader({ index, name }) {
       />
 
       <div style={{ display: 'flex' }}>
-        <Button.Danger fill="outline" onClick={() => handleDelete(index)}>
+        <Button.Danger
+          fill="outline"
+          onClick={() => handleDelete(index)}
+          style={{ marginLeft: '5px' }}
+        >
           <FaTimes />
         </Button.Danger>