From 95fe1eef6f6fdb6fefd25b459a9e67f8385567bd Mon Sep 17 00:00:00 2001
From: FlorianZahn <anderes.zeug@outlook.com>
Date: Tue, 19 Oct 2021 21:38:44 +0200
Subject: [PATCH] Makes rectangleTooltip fontSize bigger

---
 src/components/SponsorTimeEditComponent.tsx | 7 +++++--
 src/render/RectangleTooltip.tsx             | 5 ++++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/SponsorTimeEditComponent.tsx b/src/components/SponsorTimeEditComponent.tsx
index 371228dd..ae185b58 100644
--- a/src/components/SponsorTimeEditComponent.tsx
+++ b/src/components/SponsorTimeEditComponent.tsx
@@ -288,11 +288,14 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
                 referenceNode: element.parentElement,
                 prependElement: element,
                 timeout: 15,
-                bottomOffset: 75 + "px",
+                bottomOffset: 0 + "px",
                 leftOffset: -318 + "px",
                 backgroundColor: "rgba(28, 28, 28, 1.0)",
                 htmlId: "sponsorTimesContainer" + this.idSuffix,
-                buttonFunction: () => {Config.config.scrollToEditTimeUpdate = true}
+                buttonFunction: () => {Config.config.scrollToEditTimeUpdate = true},
+                fontSize: "14px",
+                maxHeight: "200px"
+
             });
         }
     }
diff --git a/src/render/RectangleTooltip.tsx b/src/render/RectangleTooltip.tsx
index d08e260e..1887cbbc 100644
--- a/src/render/RectangleTooltip.tsx
+++ b/src/render/RectangleTooltip.tsx
@@ -13,6 +13,7 @@ export interface RectangleTooltipProps {
     maxHeight?: string,
     maxWidth?: string,
     backgroundColor?: string,
+    fontSize?: string,
     buttonFunction?: () => void;
 }
 
@@ -29,6 +30,7 @@ export class RectangleTooltip {
         props.maxWidth ??= "300px";
         props.backgroundColor ??= "rgba(28, 28, 28, 0.7)";
         this.text = props.text;
+        props.fontSize ??= "10px";
 
         this.container = document.createElement('div');
         props.htmlId ??= props.text;
@@ -51,7 +53,8 @@ export class RectangleTooltip {
                 left: props.leftOffset,
                 maxHeight: props.maxHeight,
                 maxWidth: props.maxWidth,
-                backgroundColor: props.backgroundColor}} 
+                backgroundColor: props.backgroundColor,
+                fontSize: props.fontSize}} 
                     className="sponsorBlockRectangleTooltip" >
                     <div>
                         <img className="sponsorSkipLogo sponsorSkipObject"