From 95536603ddd104f0b70eedbf89c1ffd5ffba209e Mon Sep 17 00:00:00 2001
From: Oleh Polisan <polisanoleg@gmail.com>
Date: Thu, 20 Jun 2024 12:52:09 +0300
Subject: [PATCH] ui: fix delimeters

---
 src/renderer/components/settings/TraySettings.tsx | 10 +++++-----
 src/renderer/components/settings/traySetting.css  |  7 ++-----
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/renderer/components/settings/TraySettings.tsx b/src/renderer/components/settings/TraySettings.tsx
index 562496a..bc5a88b 100644
--- a/src/renderer/components/settings/TraySettings.tsx
+++ b/src/renderer/components/settings/TraySettings.tsx
@@ -90,7 +90,7 @@ function TrayModalComponent({ modalProps, close }: { modalProps: any; close: ()
                 >
                     Custom Tray Icons
                 </Switch>
-                <Forms.FormDivider className={Margins.top8} />
+                <Forms.FormDivider className={Margins.top8 + " " + Margins.bottom8} />
                 <Forms.FormSection className="vcd-custom-tray-icon-section">
                     <Forms.FormText className={Margins.top16 + " vcd-custom-tray-icon-form-text"}>
                         Main icon
@@ -98,7 +98,7 @@ function TrayModalComponent({ modalProps, close }: { modalProps: any; close: ()
                     {trayEditButton("icon")}
                 </Forms.FormSection>
 
-                <Forms.FormDivider className={(Margins.top8, Margins.bottom8)} />
+                <Forms.FormDivider className={Margins.top8 + " " + Margins.bottom8} />
                 <Forms.FormSection className="vcd-custom-tray-icon-section">
                     <Forms.FormText className={Margins.top16 + " vcd-custom-tray-icon-form-text"}>
                         Idle icon
@@ -106,7 +106,7 @@ function TrayModalComponent({ modalProps, close }: { modalProps: any; close: ()
                     {trayEditButton("idle")}
                 </Forms.FormSection>
 
-                <Forms.FormDivider className={(Margins.top8, Margins.bottom8)} />
+                <Forms.FormDivider className={Margins.top8 + " " + Margins.bottom8} />
                 <Forms.FormSection className="vcd-custom-tray-icon-section">
                     <Forms.FormText className={Margins.top16 + " vcd-custom-tray-icon-form-text"}>
                         Speaking icon
@@ -114,7 +114,7 @@ function TrayModalComponent({ modalProps, close }: { modalProps: any; close: ()
                     {trayEditButton("speaking")}
                 </Forms.FormSection>
 
-                <Forms.FormDivider className={(Margins.top8, Margins.bottom8)} />
+                <Forms.FormDivider className={Margins.top8 + " " + Margins.bottom8} />
                 <Forms.FormSection className="vcd-custom-tray-icon-section">
                     <Forms.FormText className={Margins.top16 + " vcd-custom-tray-icon-form-text"}>
                         Muted icon
@@ -122,7 +122,7 @@ function TrayModalComponent({ modalProps, close }: { modalProps: any; close: ()
                     {trayEditButton("muted")}
                 </Forms.FormSection>
 
-                <Forms.FormDivider className={(Margins.top8, Margins.bottom8)} />
+                <Forms.FormDivider className={Margins.top8 + " " + Margins.bottom8} />
                 <Forms.FormSection className="vcd-custom-tray-icon-section">
                     <Forms.FormText className={Margins.top16 + " vcd-custom-tray-icon-form-text"}>
                         Deafened icon
diff --git a/src/renderer/components/settings/traySetting.css b/src/renderer/components/settings/traySetting.css
index e45a3e1..232973c 100644
--- a/src/renderer/components/settings/traySetting.css
+++ b/src/renderer/components/settings/traySetting.css
@@ -49,8 +49,8 @@
     visibility: visible;
     opacity: 0;
     position: absolute;
-    top: 0.5em;
-    left: 0.7em;
+    top: 0.8em;
+    left: 0.8em;
 }
 
 .vcd-tray-icon-wrap:hover .vcd-tray-icon-image {
@@ -64,9 +64,6 @@
     opacity: 1;
 }
 
-
-
-
 .vcd-custom-tray-header h1 {
     margin: 0;
 }