Make PaddedLabel and apply POS styles

Author: iamgabrielma

WooCommerce/Classes/ViewRelated/Orders/Order Details/Order Summary Section/SummaryTableViewCell.swift

@@ -14,7 +14,7 @@ final class SummaryTableViewCell: UITableViewCell {
 
     /// Shows the sales channel if appropiate, at the moment only Point of Sale
     ///
-    @IBOutlet private weak var salesChannelLabel: UILabel!
+    @IBOutlet private weak var salesChannelLabel: PaddedLabel!
 
     /// Label: Payment Status
     ///
@@ -104,8 +104,7 @@ private extension SummaryTableViewCell {
 
         if ServiceLocator.featureFlagService.isFeatureFlagEnabled(.pointOfSaleOrdersi1) {
             salesChannelLabel.isHidden = false
-            salesChannelLabel.applyFootnoteStyle()
-            salesChannelLabel.accessibilityIdentifier = "summary-table-view-cell-sales-channel-label"
+            configureSalesChannelLabel()
         } else {
             salesChannelLabel.isHidden = true
         }
@@ -119,6 +118,13 @@ private extension SummaryTableViewCell {
         configureIconForVoiceOver()
     }
 
+    func configureSalesChannelLabel() {
+        salesChannelLabel.numberOfLines = 1
+        salesChannelLabel.textInsets = UIEdgeInsets(top: 4, left: 8, bottom: 4, right: 8)
+        salesChannelLabel.applySalesChannelStyle()
+        salesChannelLabel.accessibilityIdentifier = "summary-table-view-cell-sales-channel-label"
+    }
+
     @objc func editWasTapped() {
         onEditTouchUp?()
     }

WooCommerce/Classes/ViewRelated/Orders/Order Details/Order Summary Section/SummaryTableViewCell.xib

@@ -26,7 +26,7 @@
                                 <nil key="textColor"/>
                                 <nil key="highlightedColor"/>
                             </label>
-                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Sales Channel" textAlignment="right" lineBreakMode="wordWrap" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="kU8-dT-4zl" userLabel="Sales Channel Label">
+                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="255" verticalHuggingPriority="255" text="Sales Channel" textAlignment="right" lineBreakMode="wordWrap" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="kU8-dT-4zl" userLabel="Sales Channel Label" customClass="PaddedLabel" customModule="WooCommerce" customModuleProvider="target">
                                 <rect key="frame" x="146" y="0.0" width="142" height="40"/>
                                 <fontDescription key="fontDescription" style="UICTFontTextStyleFootnote"/>
                                 <nil key="textColor"/>