fix tooltip

libs/remix-ui/solidity-unit-testing/src/lib/solidity-unit-testing.tsx

@@ -721,7 +721,7 @@ export const SolidityUnitTesting = (props: Record<string, any>) => { // eslint-d
             tooltipId="generateTestsButtontooltip"
             tooltipClasses="text-nowrap"
             tooltipText={<FormattedMessage id='solidityUnitTesting.generateTestsButtonTooltip' />}
-            placement={'bottom-start'}
+            placement={'top'}
           >
             <button
               className="btn border w-50"
@@ -739,7 +739,7 @@ export const SolidityUnitTesting = (props: Record<string, any>) => { // eslint-d
             tooltipId="generateTestsLinktooltip"
             tooltipClasses="text-nowrap"
             tooltipText={<FormattedMessage id='solidityUnitTesting.generateTestsLinkTooltip' />}
-            placement={'bottom-start'}
+            placement={'top'}
           >
             <a className="btn border text-decoration-none pr-0 d-flex w-50 ml-2" target="__blank" href="https://remix-ide.readthedocs.io/en/latest/unittesting.html#test-directory">
             <label className="btn p-1 ml-2 m-0"><FormattedMessage id='solidityUnitTesting.howToUse' /></label>
@@ -748,7 +748,7 @@ export const SolidityUnitTesting = (props: Record<string, any>) => { // eslint-d
         </div>
         <div className="d-flex p-2">
           <CustomTooltip
-            placement={'top-start'}
+            placement={'top'}
               tooltipClasses="text-nowrap"
               tooltipId="info-recorder"
               tooltipText={runButtonTitle}
@@ -758,19 +758,19 @@ export const SolidityUnitTesting = (props: Record<string, any>) => { // eslint-d
               <label className="labelOnBtn btn btn-primary p-1 ml-2 m-0"><FormattedMessage id='solidityUnitTesting.run' /></label>
             </button>
           </CustomTooltip>
-          <button id="runTestsTabStopAction" data-id="testTabRunTestsTabStopAction" className="w-50 pl-2 ml-2 btn btn-secondary" disabled={disableStopButton} onClick={stopTests}>
+          <CustomTooltip
-            <CustomTooltip
+            placement={'top'}
-              placement={'top-start'}
+            tooltipClasses="text-nowrap"
-              tooltipClasses="text-nowrap"
+            tooltipId="info-recorder"
-              tooltipId="info-recorder"
+            tooltipText={<FormattedMessage id='solidityUnitTesting.runTestsTabStopActionTooltip' />}
-              tooltipText={<FormattedMessage id='solidityUnitTesting.runTestsTabStopActionTooltip' />}
+          >
-            >
+            <button id="runTestsTabStopAction" data-id="testTabRunTestsTabStopAction" className="w-50 pl-2 ml-2 btn btn-secondary" disabled={disableStopButton} onClick={stopTests}>
-              <span>
+            <span>
-                <span className="fas fa-stop ml-2"></span>
+              <span className="fas fa-stop ml-2"></span>
-                <label className="labelOnBtn btn btn-secondary p-1 ml-2 m-0" id="runTestsTabStopActionLabel">{stopButtonLabel}</label>
+              <label className="labelOnBtn btn btn-secondary p-1 ml-2 m-0" id="runTestsTabStopActionLabel">{stopButtonLabel}</label>
-              </span>
+            </span>
-            </CustomTooltip>
+            </button>
-          </button>
+          </CustomTooltip>
         </div>
         <div className="d-flex align-items-center mx-3 pb-2 mt-2 border-bottom">
           <input id="checkAllTests"