Implemented modern, Shopify-inspired shipping interface improvements.
Changes:
✅ Removed redundant "Settings" button from zone cards
✅ Added subtle Edit icon button for zone management
✅ Enhanced modal to be informational (not just toggles)
✅ Removed duplicate toggles from modal (use inline toggles instead)
✅ Added zone order display with context
✅ Show Active/Inactive badges instead of toggles in modal
✅ Better visual hierarchy and spacing
✅ Improved mobile drawer layout
✅ Changed "Close" to "Done" (better UX)
✅ Changed "Advanced Settings" to "Edit in WooCommerce"
Modal Now Shows:
- Zone name and regions in header
- Zone order with explanation
- All shipping methods with:
* Method name and icon
* Cost display
* Active/Inactive status badge
* Description (if available)
- Link to edit in WooCommerce
User Flow:
1. See zones with inline toggles (quick enable/disable)
2. Click Edit icon → View zone details
3. See all methods and their status
4. Click "Edit in WooCommerce" for advanced settings
Result: Clean, modern UI with no redundancy ✅
273ac01d54