Tooltip reposition

comicrelief · Nov 22, 2023 · 4a3558f · 4a3558f
1 parent 85ff075
commit 4a3558f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/pages/GiftAid/UpdateForm/UpdateForm.js b/src/pages/GiftAid/UpdateForm/UpdateForm.js
@@ -71,8 +71,7 @@ function UpdateForm(props) {
 
         <DonationTypeButtons donationTypeChoices={donationTypeChoices} />
 
-
-      <h3 className="form--update__title form--update__title--giftaid text-align-centre">
+        <h3 className="form--update__title form--update__title--giftaid text-align-centre">
           Who is changing their declaration?
         </h3>
 

diff --git a/src/styles/Tooltip.scss b/src/styles/Tooltip.scss
@@ -6,7 +6,7 @@
     height: 30px;
     background: url($image-path + "question-mark-60px.png") center center/30px no-repeat;
     position: absolute;
-    top: 0;
+    bottom: 60px;
     right: 0;
     z-index: 1;
     padding: 20px;
@@ -26,7 +26,7 @@
     visibility: hidden;
     opacity: 0;
     position: absolute;
-    top: -37px;
+    bottom: -38px;
     right: -5px;
     transform: translateY(50%);
     background: black;
@@ -60,6 +60,8 @@
       left: auto;
       right: -195px;
       transform: translateY(-50%);
+      top: auto;
+      bottom: -95px;
 
       &:after {
         border: 15px solid transparent;