From e7a5f3c71f4990bbcf07f1925f0d75a61a435d05 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Tue, 23 Mar 2021 11:45:00 +0300
Subject: [PATCH] Fine-tuning icon area

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../components/cluster-icon-setting.tsx              | 12 ++++++------
 .../+cluster-settings/components/cluster-icon.scss   |  5 ++---
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/renderer/components/+cluster-settings/components/cluster-icon-setting.tsx b/src/renderer/components/+cluster-settings/components/cluster-icon-setting.tsx
index 8968a12ff4..2f5b696d1d 100644
--- a/src/renderer/components/+cluster-settings/components/cluster-icon-setting.tsx
+++ b/src/renderer/components/+cluster-settings/components/cluster-icon-setting.tsx
@@ -48,13 +48,13 @@ export class ClusterIconSetting extends React.Component<Props> {
     return (
       <div className="ClusterIconSetting flex column gaps align-flex-start">
         <SubTitle title="Icon"/>
-        <ClusterIcon
-          cluster={this.props.cluster}
-          showErrors={false}
-          showTooltip={false}
-          isActive={true}
-        />
         <div className="flex gaps align-center">
+          <ClusterIcon
+            cluster={this.props.cluster}
+            showErrors={false}
+            showTooltip={false}
+            isActive={true}
+          />
           <FilePicker
             accept="image/*"
             label="Upload an Icon&nbsp;"
diff --git a/src/renderer/components/+cluster-settings/components/cluster-icon.scss b/src/renderer/components/+cluster-settings/components/cluster-icon.scss
index 62f20eccfa..903239e6ed 100644
--- a/src/renderer/components/+cluster-settings/components/cluster-icon.scss
+++ b/src/renderer/components/+cluster-settings/components/cluster-icon.scss
@@ -1,12 +1,11 @@
 .ClusterIconSetting {
   .ClusterIcon {
-    --size: 50px;
+    margin-right: 20px!important;
   }
 
   .FilePicker label {
-    color: var(--textColorAccent);
     padding: 5px 9px;
     border-radius: 4px;
-    background: var(--blue);
+    border: 1px solid var(--borderFaintColor);
   }
 }
\ No newline at end of file