Ticket #4775 - Payment: Checkboxes are cut off in Manual Order form.

modules/boonex/payment/template/css/orders.css

@@ -26,30 +26,25 @@ div.bx-payment-pa-item.bx-payment-pai-filter .bx-form-input-text {
 }
 
 div.bx-payment-pa-item-title,
+div.bx-payment-pa-item-price,
 div.bx-payment-pa-item-quantity {
     position: relative;
+    box-sizing: border-box;
 }
 div.bx-payment-pa-item-title {
     width: 50%;
 }
-div.bx-payment-pa-item-title-cnt {
-    TEXT-OVERFLOW: ellipsis;
-    -o-text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-}
 div.bx-payment-pa-item-title .bx-form-input-checkbox {
+    display: block;
     margin: 0px;
     padding: 0px;
     vertical-align: middle;
 }
 div.bx-payment-pa-item-price {
     width: 20%;
-    box-sizing: border-box;
 }
 div.bx-payment-pa-item-quantity {
     width: 10%;
-    box-sizing: border-box;
 }
 
 /*--- View Order ---*/

modules/boonex/payment/template/items.html

@@ -2,25 +2,25 @@
     <div class="bx-payment-pa-items-cnt">
         <div class="bx-payment-pa-item bx-payment-pai-filter bx-def-margin-thd-top-auto bx-clearfix">__input_filter__</div>
         <div class="bx-payment-pa-item bx-payment-pai-header bx-def-margin-thd-top-auto bx-clearfix">
-            <div class="bx-payment-pa-item-title bx-def-padding-thd-right"><bx_text:_bx_payment_txt_item /></div>
-            <div class="bx-payment-pa-item-price bx-def-padding-thd-right"><bx_text:_bx_payment_txt_price /></div>
-            <div class="bx-payment-pa-item-price bx-def-padding-thd-right"><bx_text:_bx_payment_txt_price_sold /></div>
-            <div class="bx-payment-pa-item-quantity"><bx_text:_bx_payment_txt_quantity /></div>
+            <div class="bx-payment-pa-item-title pr-1"><bx_text:_bx_payment_txt_item /></div>
+            <div class="bx-payment-pa-item-price pr-1"><bx_text:_bx_payment_txt_price /></div>
+            <div class="bx-payment-pa-item-price pr-1"><bx_text:_bx_payment_txt_price_sold /></div>
+            <div class="bx-payment-pa-item-quantity pr-1"><bx_text:_bx_payment_txt_quantity /></div>
         </div>
         <bx_repeat:items>
             <div class="bx-payment-pa-item bx-def-margin-thd-top-auto bx-clearfix">
-                <div class="bx-payment-pa-item-title">
-                    <div class="bx-payment-pa-item-title-cnt bx-def-padding-thd-right">
-                        __input_checkbox__
-                        <bx_if:link>
-                            <a href="__url__" target="_blank" title="__title__">__title__</a>
-                        </bx_if:link>
-                        <bx_if:text>__title__</bx_if:text>
-                    </div>
+                <div class="bx-payment-pa-item-title flex items-center pr-1 whitespace-nowrap">
+                    <div class="bx-form-input-wrapper bx-form-input-wrapper-checkbox mr-1">__input_checkbox__</div>
+                    <bx_if:link>
+                        <a class="truncate" href="__url__" target="_blank" title="__title__">__title__</a>
+                    </bx_if:link>
+                    <bx_if:text>
+                        <span class="truncate">__title__</span>
+                    </bx_if:text>
                 </div>
-                <div class="bx-payment-pa-item-price bx-def-padding-thd-right">__price_f__</div>
-                <div class="bx-payment-pa-item-price bx-def-padding-thd-right">__input_price__</div>
-                <div class="bx-payment-pa-item-quantity">__input_quantity__</div>
+                <div class="bx-payment-pa-item-price pr-1">__price_f__</div>
+                <div class="bx-payment-pa-item-price pr-1">__input_price__</div>
+                <div class="bx-payment-pa-item-quantity pr-1">__input_quantity__</div>
             </div>
         </bx_repeat:items>
     </div>