From 096e9dddb7de0fa4994a742cfbef5cd232ee8703 Mon Sep 17 00:00:00 2001
From: Sebastian Martinez <me@sebastinez.dev>
Date: Wed, 7 Jun 2023 12:45:54 +0200
Subject: [PATCH] Increase height of Command component

Signed-off-by: Sebastian Martinez <me@sebastinez.dev>
---
 src/App/Header/Connect.svelte | 2 +-
 src/components/Command.svelte | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/App/Header/Connect.svelte b/src/App/Header/Connect.svelte
index 57617a0bc..a0af0aa41 100644
--- a/src/App/Header/Connect.svelte
+++ b/src/App/Header/Connect.svelte
@@ -152,7 +152,7 @@
         <div class="info">
           To access your local Radicle node on this site, run:
         </div>
-        <div style:margin="0 1rem 1rem 1rem">
+        <div style:margin="0.5rem 1rem 1rem 1rem">
           <Command command="radicle-httpd" />
         </div>
       </div>
diff --git a/src/components/Command.svelte b/src/components/Command.svelte
index c40c6434b..3001b603a 100644
--- a/src/components/Command.svelte
+++ b/src/components/Command.svelte
@@ -10,14 +10,15 @@
     display: flex;
   }
   .cmd {
+    height: 2rem;
+    line-height: 2rem;
     background-color: var(--color-foreground-3);
     border-radius: var(--border-radius-small);
     display: inline-block;
     font-family: var(--font-family-monospace);
-    font-size: var(--font-size-small);
-    margin-top: 0.5rem;
+    font-size: var(--font-size-tiny);
     overflow: hidden;
-    padding: 2px 0.5rem;
+    padding: 0 0.5rem;
     position: relative;
     text-overflow: ellipsis;
     white-space: nowrap;