From dcd18c9969be316879ef301276e87b402d46572b Mon Sep 17 00:00:00 2001
From: Janne Savolainen <janne.savolainen@live.fi>
Date: Wed, 23 Nov 2022 11:16:46 +0200
Subject: [PATCH] Add missing gutter between sections in cluster settings
 (#6631)

Signed-off-by: Janne Savolainen <janne.savolainen@live.fi>

Signed-off-by: Janne Savolainen <janne.savolainen@live.fi>
---
 .../components/cluster-local-terminal-settings.tsx              | 2 ++
 .../cluster-settings/components/cluster-node-shell-setting.tsx  | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/src/renderer/components/cluster-settings/components/cluster-local-terminal-settings.tsx b/src/renderer/components/cluster-settings/components/cluster-local-terminal-settings.tsx
index 228b9caeec..639623e08f 100644
--- a/src/renderer/components/cluster-settings/components/cluster-local-terminal-settings.tsx
+++ b/src/renderer/components/cluster-settings/components/cluster-local-terminal-settings.tsx
@@ -18,6 +18,7 @@ import type { ValidateDirectory } from "../../../../common/fs/validate-directory
 import validateDirectoryInjectable from "../../../../common/fs/validate-directory.injectable";
 import type { ResolveTilde } from "../../../../common/path/resolve-tilde.injectable";
 import resolveTildeInjectable from "../../../../common/path/resolve-tilde.injectable";
+import Gutter from "../../gutter/gutter";
 
 export interface ClusterLocalTerminalSettingProps {
   cluster: Cluster;
@@ -139,6 +140,7 @@ const NonInjectedClusterLocalTerminalSetting = observer(({
           this is used as the current working directory (cwd) for the shell process.
         </small>
       </section>
+      <Gutter />
       <section className="default-namespace">
         <SubTitle title="Default Namespace"/>
         <Input
diff --git a/src/renderer/components/cluster-settings/components/cluster-node-shell-setting.tsx b/src/renderer/components/cluster-settings/components/cluster-node-shell-setting.tsx
index f21b725226..e67e9d4748 100644
--- a/src/renderer/components/cluster-settings/components/cluster-node-shell-setting.tsx
+++ b/src/renderer/components/cluster-settings/components/cluster-node-shell-setting.tsx
@@ -11,6 +11,7 @@ import { Input } from "../../input/input";
 import { observer } from "mobx-react";
 import { Icon } from "../../icon/icon";
 import { initialNodeShellImage } from "../../../../common/cluster-types";
+import Gutter from "../../gutter/gutter";
 
 export interface ClusterNodeShellSettingProps {
   cluster: Cluster;
@@ -59,6 +60,7 @@ export class ClusterNodeShellSetting extends React.Component<ClusterNodeShellSet
             Node shell image. Used for creating node shell pod.
           </small>
         </section>
+        <Gutter />
         <section>
           <SubTitle title="Image pull secret" id="image-pull-secret"/>
           <Input