#1 Fix vertical alignment of maximize button

UniRegensburg · Aug 20, 2022 · 4af6eef · 4af6eef
1 parent 4f4fb77
commit 4af6eef
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/Tooltip.tsx b/src/components/Tooltip.tsx
@@ -17,7 +17,7 @@ export const Tooltip: React.FC<TooltipProps> = ({
       <RadixTooltip.Root>
         <RadixTooltip.Trigger>{children}</RadixTooltip.Trigger>
         <RadixTooltip.Content
-          className="bg-darkGrey text-offWhite text-[12px] rounded px-2 py-1"
+          className="bg-darkGrey text-offWhite text-[12px] rounded px-2 py-1 leading-none"
           side={position}
           sideOffset={5}
         >

diff --git a/src/components/entry/EntryForm.tsx b/src/components/entry/EntryForm.tsx
@@ -69,11 +69,11 @@ export const EntryForm: React.FC<EntryBodyProps> = ({
         editorClassName={cx("p-6")}
         placeholder="Text eingeben..."
         toolbarClassName={cx(
-          "p-2 relative rounded-none border border-x-0 border-t-0 border-lightGrey"
+          "p-2 relative rounded-none border border-x-0 border-t-0 border-lightGrey leading-none"
         )}
         toolbar={toolbarOptions}
         toolbarCustomButtons={[
-          <span className="absolute right-2 top-1/2 -translate-y-1/2">
+          <span className="absolute right-2 top-1/2 -translate-y-1/2 leading-[0]">
             <Tooltip
               position="top"
               text={isExpanded ? "Minimieren" : "Maximieren"}