Merge pull request #513 from ebanx/bugfix/boleto-tp

Fix CSS for Boleto Thankyou Page
ebanx · May 26, 2017 · b54c9e8 · b54c9e8
2 parents 5ebfd92 + 13f8dc6
commit b54c9e8
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 27 deletions.
diff --git a/woocommerce-gateway-ebanx/assets/css/paying-via-ebanx.css b/woocommerce-gateway-ebanx/assets/css/paying-via-ebanx.css
@@ -363,31 +363,21 @@ li[class*="ebanx"] .payment_box .ebanx-credit-card-label > .ebanx-credit-card-bi
   margin: 20px 0;
 }
 
-.woocommerce .ebanx-button--group-two > a,
-.woocommerce .ebanx-button--group-two > button,
-.woocommerce .ebanx-button--group-two > .button {
-  width: 49%;
-  float: left;
-}
-
-.woocommerce .ebanx-button--group-two > a:not(:first-child),
-.woocommerce .ebanx-button--group-two > button:not(:first-child),
-.woocommerce .ebanx-button--group-two > .button:not(:first-child) {
-  float: right;
+.button.banking-ticket__action {
+  width: calc(50% - 10px);
+  display: inline-block;
+  margin: 0;
 }
 
-.woocommerce .ebanx-button--group::before,
-.woocommerce .ebanx-button--group::after {
-  content: " ";
-  display: table;
+.button.banking-ticket__action:last-child {
+  margin-left: 20px;
 }
 
 .woocommerce .ebanx-button--group::after {clear: both;}
 
 .woocommerce .ebanx-button--copy {
   position: relative;
-  margin-bottom: 0 !important;
-
+  margin: 0 !important;
   transition: all .3s;
 }
 
@@ -465,14 +455,15 @@ li[class*="ebanx"] .payment_box .ebanx-credit-card-label > .ebanx-credit-card-bi
 .banking-ticket__barcode::after {clear: both;}
 
 .banking-ticket__barcode-code {
-  display: inline-block;
+  display: block;
   letter-spacing: .32px;
-  vertical-align: middle;
+  text-align: center;
 }
 
 .banking-ticket__barcode-copy {
-  display: inline-block;
-  margin-left: 32px;
+  display: block;
+  text-align: center;
+  margin-top: 20px;
 }
 
 .ebanx-form-row .select2.select2-container {

diff --git a/woocommerce-gateway-ebanx/templates/baloto/payment-on-hold.php b/woocommerce-gateway-ebanx/templates/baloto/payment-on-hold.php
@@ -22,8 +22,7 @@
 <hr>
 <div class="banking-ticket__actions">
     <div class="ebanx-button--group ebanx-button--group-two">
-        <a href="<?=$url_pdf ?>" target="_blank" class="button banking-ticket__action">Guardar como PDF</a>
-        <a href="<?=$url_print ?>" target="_blank" class="button banking-ticket__action">Imprimir Baloto</a>
+        <a href="<?=$url_pdf ?>" target="_blank" class="button banking-ticket__action">Guardar como PDF</a><a href="<?=$url_print ?>" target="_blank" class="button banking-ticket__action">Imprimir Baloto</a>
     </div>
 </div>
 <hr>

diff --git a/woocommerce-gateway-ebanx/templates/banking-ticket/payment-on-hold.php b/woocommerce-gateway-ebanx/templates/banking-ticket/payment-on-hold.php
@@ -37,8 +37,7 @@
 
 <div class="banking-ticket__actions">
     <div class="ebanx-button--group ebanx-button--group-two">
-        <a href="<?php echo $url_pdf ?>" target="_blank" class="button banking-ticket__action">Salvar em PDF</a>
-        <a href="<?php echo $url_print ?>" target="_blank" class="button banking-ticket__action">Imprimir boleto</a>
+        <a href="<?php echo $url_pdf ?>" target="_blank" class="button banking-ticket__action">Salvar em PDF</a><a href="<?php echo $url_print ?>" target="_blank" class="button banking-ticket__action">Imprimir boleto</a>
     </div>
 </div>
 

diff --git a/woocommerce-gateway-ebanx/templates/oxxo/payment-on-hold.php b/woocommerce-gateway-ebanx/templates/oxxo/payment-on-hold.php
@@ -24,8 +24,7 @@
 <hr>
 <div class="banking-ticket__actions">
     <div class="ebanx-button--group ebanx-button--group-two">
-        <a href="<?=$url_pdf ?>" target="_blank" class="button banking-ticket__action">Guardar como PDF</a>
-        <a href="<?=$url_print ?>" target="_blank" class="button banking-ticket__action">Imprimir OXXO</a>
+        <a href="<?=$url_pdf ?>" target="_blank" class="button banking-ticket__action">Guardar como PDF</a><a href="<?=$url_print ?>" target="_blank" class="button banking-ticket__action">Imprimir OXXO</a>
     </div>
 </div>
 <hr>