From 95cee3bcc8cac805fd801c2dcf7c7a51ec480d45 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Wed, 23 Nov 2022 14:52:13 +0300
Subject: [PATCH] Removing big padding after cluster  settings avatar (#6634)

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../components/+entity-settings/entity-settings.module.scss | 6 ++++++
 .../components/+entity-settings/entity-settings.tsx         | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/+entity-settings/entity-settings.module.scss b/src/renderer/components/+entity-settings/entity-settings.module.scss
index 087630e28f..f8aef3385f 100644
--- a/src/renderer/components/+entity-settings/entity-settings.module.scss
+++ b/src/renderer/components/+entity-settings/entity-settings.module.scss
@@ -16,3 +16,9 @@
 .settingsAvatar {
   margin: 0 10px;
 }
+
+.avatarAndName {
+  display: flex;
+  align-items: center;
+  margin-bottom: var(--margin);
+}
\ No newline at end of file
diff --git a/src/renderer/components/+entity-settings/entity-settings.tsx b/src/renderer/components/+entity-settings/entity-settings.tsx
index 366f5758f6..b1c672ae2e 100644
--- a/src/renderer/components/+entity-settings/entity-settings.tsx
+++ b/src/renderer/components/+entity-settings/entity-settings.tsx
@@ -86,7 +86,7 @@ class NonInjectedEntitySettings extends React.Component<Dependencies> {
 
     return (
       <>
-        <div className="flex items-center pb-8">
+        <div className={styles.avatarAndName}>
           <Avatar
             title={entity.getName()}
             colorHash={`${entity.getName()}-${entity.metadata.source}`}