From d90a8377149721642e485dcda7bfe7a480e7dfac Mon Sep 17 00:00:00 2001
From: Robin Townsend <robin@robin.town>
Date: Mon, 26 Sep 2022 20:17:37 -0400
Subject: [PATCH] Make tooltips look more like Element Web's

The only thing they're missing now is animated fading.
---
 src/Tooltip.module.css | 4 +++-
 src/Tooltip.tsx        | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/Tooltip.module.css b/src/Tooltip.module.css
index d598349..fccb4cb 100644
--- a/src/Tooltip.module.css
+++ b/src/Tooltip.module.css
@@ -3,10 +3,12 @@
   flex-direction: row;
   justify-content: center;
   align-items: center;
-  padding: 8px 10px;
+  padding: 10px;
   color: var(--primary-content);
   border-radius: 8px;
   max-width: 135px;
   width: max-content;
+  font-size: 12px;
+  font-weight: 500;
   text-align: center;
 }
diff --git a/src/Tooltip.tsx b/src/Tooltip.tsx
index 14905d9..9f38941 100644
--- a/src/Tooltip.tsx
+++ b/src/Tooltip.tsx
@@ -86,7 +86,7 @@ export const TooltipTrigger = forwardRef<HTMLElement, TooltipTriggerProps>(
       targetRef: triggerRef,
       overlayRef,
       isOpen: tooltipState.isOpen,
-      offset: 5,
+      offset: 12,
     });
 
     return (