fix(admin): stop stretching checkboxes full-width in the pay products dialog

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

assets/css/admin/pay-products.css

@@ -63,9 +63,9 @@ html.aksrt-products-modal-open { overflow: hidden; }
 .aksrt-product-inline input { flex: 1 1 auto; min-width: 0; }
 .aksrt-product-inline select { flex: none; width: auto; }
 .aksrt-product-unit { flex: none; color: var(--an-muted); }
-.aksrt-product-switches { justify-content: flex-end; gap: 8px; }
-.aksrt-product-check { display: inline-flex; align-items: center; gap: 6px; color: var(--an-text); }
-.aksrt-product-check input { margin: 0; }
+.aksrt-product-switches { display: flex; flex-direction: column; justify-content: center; gap: 8px; min-width: 0; }
+.aksrt-product-check { display: inline-flex; align-items: center; gap: 8px; width: fit-content; color: var(--an-text); cursor: pointer; }
+.aksrt-product-dialog .aksrt-product-check input[type="checkbox"] { flex: none; width: 16px; height: 16px; min-width: 0; min-height: 0; margin: 0; }
 .aksrt-product-expire { max-width: 50%; margin-top: 14px; }
 .aksrt-product-note { margin: 4px 0 0; font-size: 12px; }
 

src/Admin/Native/PayProductsEditor.php

@@ -96,7 +96,7 @@ trait PayProductsEditor {
         $this->editor_section_open(__('销售', 'aksrt'));
         echo '<div class="aksrt-native-form-grid">';
         $this->editor_number('pay_count', __('销量浮动', 'aksrt'), '', '1', '', __('在真实销量上增加或减少的数量，可填负数。', 'aksrt'), false);
-        echo '<div class="aksrt-native-field aksrt-product-switches">';
+        echo '<div class="aksrt-product-switches" role="group" aria-label="' . esc_attr__('销售选项', 'aksrt') . '">';
         $this->editor_checkbox('show_sales', __('前台显示销量', 'aksrt'));
         $this->editor_checkbox('coupon_s', __('允许使用优惠码', 'aksrt'));
         $this->editor_checkbox('order_expired_s', __('启用订单有效期', 'aksrt'));