From 0e78d0a502023bfe706d446f570ffb3568335f83 Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno@coder.com>
Date: Tue, 2 May 2023 13:54:52 -0300
Subject: [PATCH] fix(site): Remove extra spacing between ssh button (#7380)

---
 site/src/components/SSHButton/SSHButton.tsx | 109 ++++++++++----------
 1 file changed, 54 insertions(+), 55 deletions(-)

diff --git a/site/src/components/SSHButton/SSHButton.tsx b/site/src/components/SSHButton/SSHButton.tsx
index 7ca37d5ddb..865005c905 100644
--- a/site/src/components/SSHButton/SSHButton.tsx
+++ b/site/src/components/SSHButton/SSHButton.tsx
@@ -42,64 +42,63 @@ export const SSHButton: React.FC<React.PropsWithChildren<SSHButtonProps>> = ({
       >
         SSH
       </SecondaryAgentButton>
-      <div>
-        <Popover
-          classes={{ paper: styles.popoverPaper }}
-          id={id}
-          open={isOpen}
-          anchorEl={anchorRef.current}
-          onClose={onClose}
-          anchorOrigin={{
-            vertical: "bottom",
-            horizontal: "left",
-          }}
-          transformOrigin={{
-            vertical: "top",
-            horizontal: "left",
-          }}
-        >
-          <HelpTooltipText>
-            Run the following commands to connect with SSH:
-          </HelpTooltipText>
 
-          <Stack spacing={0.5} className={styles.codeExamples}>
-            <div>
-              <HelpTooltipText>
-                <strong className={styles.codeExampleLabel}>
-                  Configure SSH hosts on machine:
-                </strong>
-              </HelpTooltipText>
-              <CodeExample code="coder config-ssh" />
-            </div>
+      <Popover
+        classes={{ paper: styles.popoverPaper }}
+        id={id}
+        open={isOpen}
+        anchorEl={anchorRef.current}
+        onClose={onClose}
+        anchorOrigin={{
+          vertical: "bottom",
+          horizontal: "left",
+        }}
+        transformOrigin={{
+          vertical: "top",
+          horizontal: "left",
+        }}
+      >
+        <HelpTooltipText>
+          Run the following commands to connect with SSH:
+        </HelpTooltipText>
 
-            <div>
-              <HelpTooltipText>
-                <strong className={styles.codeExampleLabel}>
-                  Connect to the agent:
-                </strong>
-              </HelpTooltipText>
-              <CodeExample
-                code={`ssh ${sshPrefix}${workspaceName}.${agentName}`}
-              />
-            </div>
-          </Stack>
+        <Stack spacing={0.5} className={styles.codeExamples}>
+          <div>
+            <HelpTooltipText>
+              <strong className={styles.codeExampleLabel}>
+                Configure SSH hosts on machine:
+              </strong>
+            </HelpTooltipText>
+            <CodeExample code="coder config-ssh" />
+          </div>
 
-          <HelpTooltipLinksGroup>
-            <HelpTooltipLink href="https://coder.com/docs/coder-oss/latest/install">
-              Install Coder CLI
-            </HelpTooltipLink>
-            <HelpTooltipLink href="https://coder.com/docs/coder-oss/latest/ides#vs-code-remote">
-              Connect via VS Code Remote SSH
-            </HelpTooltipLink>
-            <HelpTooltipLink href="https://coder.com/docs/coder-oss/latest/ides#jetbrains-gateway">
-              Connect via JetBrains Gateway
-            </HelpTooltipLink>
-            <HelpTooltipLink href="https://coder.com/docs/coder-oss/latest/ides#ssh-configuration">
-              SSH configuration
-            </HelpTooltipLink>
-          </HelpTooltipLinksGroup>
-        </Popover>
-      </div>
+          <div>
+            <HelpTooltipText>
+              <strong className={styles.codeExampleLabel}>
+                Connect to the agent:
+              </strong>
+            </HelpTooltipText>
+            <CodeExample
+              code={`ssh ${sshPrefix}${workspaceName}.${agentName}`}
+            />
+          </div>
+        </Stack>
+
+        <HelpTooltipLinksGroup>
+          <HelpTooltipLink href="https://coder.com/docs/coder-oss/latest/install">
+            Install Coder CLI
+          </HelpTooltipLink>
+          <HelpTooltipLink href="https://coder.com/docs/coder-oss/latest/ides#vs-code-remote">
+            Connect via VS Code Remote SSH
+          </HelpTooltipLink>
+          <HelpTooltipLink href="https://coder.com/docs/coder-oss/latest/ides#jetbrains-gateway">
+            Connect via JetBrains Gateway
+          </HelpTooltipLink>
+          <HelpTooltipLink href="https://coder.com/docs/coder-oss/latest/ides#ssh-configuration">
+            SSH configuration
+          </HelpTooltipLink>
+        </HelpTooltipLinksGroup>
+      </Popover>
     </>
   )
 }