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">