[dashboard] improve tooltip label

JanKoehnlein · roboquat · commit e68e76dcd428 · 2021-08-10T13:42:09.000+02:00
diff --git a/components/dashboard/src/components/Tooltip.tsx b/components/dashboard/src/components/Tooltip.tsx
@@ -20,7 +20,7 @@ function Tooltip(props: TooltipProps) {
                 {props.children}
             </div>
             {expanded ?
-                <div style={{top: '-100%', left: '50%', transform: 'translate(-50%, -100%)'}} className={`mt-2 z-50 py-1 px-2 bg-gray-900 text-gray-100 text-sm absolute flex flex-col border border-gray-200 dark:border-gray-800 rounded-md truncated whitespace-nowrap`}>
+                <div style={{top: '-0.5rem', left: '50%', transform: 'translate(-50%, -100%)'}} className={`mt-2 z-50 py-1 px-2 bg-gray-900 text-gray-100 text-sm absolute flex flex-col border border-gray-200 dark:border-gray-800 rounded-md truncated whitespace-nowrap`}>
                     {props.content}
                 </div>
                 :

Original file line number	Diff line number	Diff line change
`@@ -20,7 +20,7 @@ function Tooltip(props: TooltipProps) {`
`20`	`20`	`{props.children}`
`21`	`21`	`</div>`
`22`	`22`	`{expanded ?`
`23`		- <div style={{top: '-100%', left: '50%', transform: 'translate(-50%, -100%)'}} className={`mt-2 z-50 py-1 px-2 bg-gray-900 text-gray-100 text-sm absolute flex flex-col border border-gray-200 dark:border-gray-800 rounded-md truncated whitespace-nowrap`}>
	`23`	+ <div style={{top: '-0.5rem', left: '50%', transform: 'translate(-50%, -100%)'}} className={`mt-2 z-50 py-1 px-2 bg-gray-900 text-gray-100 text-sm absolute flex flex-col border border-gray-200 dark:border-gray-800 rounded-md truncated whitespace-nowrap`}>
`24`	`24`	`{props.content}`
`25`	`25`	`</div>`
`26`	`26`	`:`