From 222c4610649a491c27867331a88cc36f416a3483 Mon Sep 17 00:00:00 2001
From: Robert Eldredge <robert.eldredge@cru.org>
Date: Fri, 20 Aug 2021 15:10:15 -0400
Subject: [PATCH] Fix Image Aspect Ratio

---
 src/app/branded/step-1/branded-checkout-step-1.tpl.html | 4 ++--
 src/assets/scss/_checkout.scss                          | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/app/branded/step-1/branded-checkout-step-1.tpl.html b/src/app/branded/step-1/branded-checkout-step-1.tpl.html
index 592d5b462..a137e3106 100644
--- a/src/app/branded/step-1/branded-checkout-step-1.tpl.html
+++ b/src/app/branded/step-1/branded-checkout-step-1.tpl.html
@@ -42,7 +42,7 @@ <h3 class="panel-name" translate>{{'PAYMENT'}}</h3>
     <div class="panel-body">
       <h3 class="panel-name" translate>{{'CHOOSE_RESOURCE'}}</h3>
       <div class="row">
-        <div class="col-sm-4">
+        <div class="col-sm-3">
           <div class="row">
             <label class="radio-inline">
               <input
@@ -67,7 +67,7 @@ <h3 class="panel-name" translate>{{'CHOOSE_RESOURCE'}}</h3>
           </div>
         </div>
         <div class="col-sm-4">
-          <img ng-src="{{$ctrl.premiumImageUrl}}" style="width: 200px; height: 200px" />
+          <img class="premium-thumbnail" ng-src="{{$ctrl.premiumImageUrl}}" />
         </div>
       </div>
     </div>
diff --git a/src/assets/scss/_checkout.scss b/src/assets/scss/_checkout.scss
index cd4fb388e..d1defb4a7 100644
--- a/src/assets/scss/_checkout.scss
+++ b/src/assets/scss/_checkout.scss
@@ -218,3 +218,7 @@
 .cover-fees-text {
   margin-left: 5px;
 }
+
+.premium-thumbnail {
+  width: 200px;
+}