From 723858665272582e4240716ddc98b36d154704d2 Mon Sep 17 00:00:00 2001
From: Sonia Appasamy <sonia@tailscale.com>
Date: Thu, 16 Nov 2023 13:53:57 -0500
Subject: [PATCH] client/web: fix margins on login popover

Updates #10261

Signed-off-by: Sonia Appasamy <sonia@tailscale.com>
---
 client/web/src/components/login-toggle.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/web/src/components/login-toggle.tsx b/client/web/src/components/login-toggle.tsx
index d96f71ca3..0ca903aa9 100644
--- a/client/web/src/components/login-toggle.tsx
+++ b/client/web/src/components/login-toggle.tsx
@@ -137,7 +137,7 @@ function LoginPopoverContent({
 
   return (
     <div onMouseEnter={!canConnectOverTS ? checkTSConnection : undefined}>
-      <div className="text-black text-sm font-medium leading-tight">
+      <div className="text-black text-sm font-medium leading-tight mb-1">
         {!auth.canManageNode ? "Viewing" : "Managing"}
         {auth.viewerIdentity && ` as ${auth.viewerIdentity.loginName}`}
       </div>
@@ -181,7 +181,7 @@ function LoginPopoverContent({
         ))}
       {auth.viewerIdentity && (
         <>
-          <hr />
+          <hr className="my-2" />
           <div className="flex items-center">
             <User className="flex-shrink-0" />
             <p className="text-neutral-500 text-xs ml-2">