right-align the badge popups for better screenshots.

nedtwigg · nedtwigg · commit 189f8a0439f7 · 2025-09-30T00:04:31.000-07:00
diff --git a/src/components/Badge.tsx b/src/components/Badge.tsx
@@ -60,7 +60,7 @@ const Badge = ({ text, type, data }: BadgeProps) => {
       {PopupComponent && data && (
         <div
           className={twMerge(
-            "absolute top-full z-10 w-30 rounded border px-2 py-1 text-left text-xs shadow-lg",
+            "absolute top-full right-0 z-10 w-30 rounded border px-2 py-1 text-left text-xs shadow-lg",
             typeColors[type]
           )}
         >

Original file line number	Diff line number	Diff line change
`@@ -60,7 +60,7 @@ const Badge = ({ text, type, data }: BadgeProps) => {`
`60`	`60`	`{PopupComponent && data && (`
`61`	`61`	`<div`
`62`	`62`	`className={twMerge(`
`63`		`- "absolute top-full z-10 w-30 rounded border px-2 py-1 text-left text-xs shadow-lg",`
	`63`	`+ "absolute top-full right-0 z-10 w-30 rounded border px-2 py-1 text-left text-xs shadow-lg",`
`64`	`64`	`typeColors[type]`
`65`	`65`	`)}`
`66`	`66`	`>`