Fix Image Aspect Ratio

CruGlobal · Aug 20, 2021 · 222c461 · 222c461
1 parent 9002455
commit 222c461
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 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
@@ -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
@@ -218,3 +218,7 @@
 .cover-fees-text {
   margin-left: 5px;
 }
+
+.premium-thumbnail {
+  width: 200px;
+}