From 9f294fa9003ae0a05ff37048fc7559a4b0841874 Mon Sep 17 00:00:00 2001
From: Djordje Vlaisavljevic <dzvlais@gmail.com>
Date: Wed, 17 Aug 2022 13:08:45 +0200
Subject: [PATCH] Switched divs to buttons

refs https://github.com/TryGhost/Team/issues/1811
---
 ghost/admin/app/styles/layouts/offers.css | 1 +
 ghost/admin/app/templates/offer.hbs       | 8 ++++----
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/ghost/admin/app/styles/layouts/offers.css b/ghost/admin/app/styles/layouts/offers.css
index 20d132f8e2..0b17849e96 100644
--- a/ghost/admin/app/styles/layouts/offers.css
+++ b/ghost/admin/app/styles/layouts/offers.css
@@ -214,6 +214,7 @@
     padding: 16px;
     margin: 0;
     align-items: center;
+    text-align: left;
 }
 
 .gh-offer-type-container .gh-radio:not(:first-child) {
diff --git a/ghost/admin/app/templates/offer.hbs b/ghost/admin/app/templates/offer.hbs
index e3548158fc..fbb3d4ca9b 100644
--- a/ghost/admin/app/templates/offer.hbs
+++ b/ghost/admin/app/templates/offer.hbs
@@ -51,21 +51,21 @@
                                 <div>
                                     <label class="fw6">Offer type</label>
                                     <div class="gh-offer-type-container">
-                                        <div class="gh-radio flex-grow-1 {{if this.isDiscountOffer "active"}}" type="button" {{on "click" (fn this.changeType "discount")}} disabled={{this.isDiscountSectionDisabled}}>
+                                        <button class="gh-radio flex-grow-1 {{if this.isDiscountOffer "active"}}" type="button" {{on "click" (fn this.changeType "discount")}} disabled={{this.isDiscountSectionDisabled}}>
                                             <div class="gh-radio-button"></div>
                                             <div class="gh-radio-content">
                                                 <div class="gh-radio-label">Discount</div>
                                                 <div class="gh-radio-desc">Offer a special reduced price.</div>
                                             </div>
-                                        </div>
-                                        <div class="gh-radio flex-grow-1 {{if this.isTrialOffer "active"}}"
+                                        </button>
+                                        <button class="gh-radio flex-grow-1 {{if this.isTrialOffer "active"}}"
                                         type="button" {{on "click" (fn this.changeType "trial")}} disabled={{this.isDiscountSectionDisabled}}>
                                             <div class="gh-radio-button"></div>
                                             <div class="gh-radio-content">
                                                 <div class="gh-radio-label">Free trial</div>
                                                 <div class="gh-radio-desc">Give free access for a limited time.</div>
                                             </div>
-                                        </div>
+                                        </button>
                                     </div>
                                 </div>
                             </GhFormGroup>