From 6a47326db272cf7d4c33af5207ef23984cbb2ac0 Mon Sep 17 00:00:00 2001
From: "sigonasr2, Sig, Sigo" <sigonasr2@gmail.com>
Date: Fri, 6 Aug 2021 01:11:54 +0000
Subject: [PATCH] Added more flex props for tooltip testing.

---
 src/App.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/App.js b/src/App.js
index 2113134..7c88587 100644
--- a/src/App.js
+++ b/src/App.js
@@ -826,7 +826,7 @@ function DamageCalculator(p) {
 }
 
 function TooltipTest(p) {
-	return <>This is some tooltip info!</>
+	return <>This is some tooltip info! Does it get larger as we add more content? Or does it stay puny.</>
 }
 
 function App() {
@@ -917,9 +917,9 @@ function App() {
 					<PopupWindow modalOpen={modalOpen} setModalOpen={setModalOpen} showCloseButton={true} title="Modal Title">Modal content goes here.{BACKEND_URL}
 					<br/><br/><Tooltip 
 						arrow={10} background="rgba(40,40,40,0.8)" border="white" radius={10}
-						placement="bottom" fadeDuration={300}
+						offset={-6} placement="bottom" fadeDuration={300} style={{width:"600px"}}
 						content={<TooltipTest/>}
-					>Mouseover Me!</Tooltip></PopupWindow>
+					>Mouseover Me! I need more width to make this work.</Tooltip></PopupWindow>
 				</div>
 			</Route>
 		</Switch>