Switched custom tooltip to standard one

refs https://github.com/TryGhost/Team/issues/1811

ghost/admin/app/styles/layouts/main.css

@@ -1256,30 +1256,6 @@
     grid-column: 1 / 4;
 }
 
-.gh-main-section-header-with-info {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: -2px;
-}
-
-.gh-main-section-header-info {
-    display: flex;
-    align-items: center;
-    line-height: 1;
-    text-transform: none;
-    letter-spacing: 0;
-    font-size: 1.25rem;
-    font-weight: 400;
-}
-
-.gh-main-section-header-info svg {
-    height: 16px;
-    width: 16px;
-    margin-left: 8px;
-}
-
-
 .gh-main-section-block {
     padding: 0;
 }

ghost/admin/app/styles/layouts/offers.css

@@ -350,6 +350,18 @@
     fill: var(--midgrey);
 }
 
+.gh-offer-form .gh-main-section-header-with-info {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: -2px;
+}
+
+.gh-offer-form .gh-main-section-header-info svg {
+    height: 16px;
+    width: 16px;
+}
+
 @media (max-width: 1440px) {
     .gh-offer-tier-and-trial, .gh-offer-duration {
         flex-direction: column;

ghost/admin/app/templates/offer.hbs

@@ -40,11 +40,16 @@
                                 <p>Visible to members on Stripe Checkout page.</p>
                             </GhFormGroup>
                         </div>
-
+                        {{#if (feature 'freeTrial')}}
                         <h4 class="gh-main-section-header gh-main-section-header-with-info small bn">
                             <span>Discount information</span>
-                            <div class="midgrey gh-main-section-header-info"><span>Once saved, this cannot be changed.</span><span>{{svg-jar "info"}}</span></div>
+                            <span class="midgrey gh-main-section-header-info tooltip-top-left" data-tooltip="Once saved, this cannot be changed" >{{svg-jar "info"}}</span>
                         </h4>
+                        {{else}}
+                        <h4 class="gh-main-section-header small bn">
+                            Discount information <span class="midgrey"> – Once saved, this cannot be changed.</span>
+                        </h4>
+                        {{/if}}
                         <div class="gh-main-section-content grey">
                             {{#if (feature 'freeTrial')}}
                             <GhFormGroup>