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>

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);
+}

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}`}