From 0c88f06bbf3947504168513fef168fabc2376f46 Mon Sep 17 00:00:00 2001
From: hamed musallam <hamed.musallam@gmail.com>
Date: Wed, 29 Nov 2023 18:56:08 +0100
Subject: [PATCH] chore: style matrix generation options

---
 src/component/hooks/useSaveSettings.tsx       |  2 +-
 .../MatrixGenerationPanel/FiltersOptions.tsx  | 19 ++++++++++++++++---
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/component/hooks/useSaveSettings.tsx b/src/component/hooks/useSaveSettings.tsx
index d66b5686c..b8d277454 100644
--- 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
index 56ed30799..8a8f32036 100644
--- 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>