Merge pull request #59 from sf-industries/release-242/W-12194282

W-12194282 : Mass discount styling changes to match UX design

Author: pjhajee

ui/components/b2b/components/_tokens.scss

@@ -19,6 +19,7 @@ $b2b-checkbox-red: #FFC2C2;
 $b2b-header-gray: #C4C4C4;
 $b2b-section-title-black: #0B0B0B;
 $b2b-pill-text-orange: #FF8A00;
+$b2b-pill-border-gray: #C5C5C5;
 $b2b-section-background-gray: rgba(221, 219, 218, 0.33);
 $b2b-section-description-black: #000000;
 $b2b-modal-title-gray: #979797;

ui/components/b2b/components/cart-summary/_b2bDiscountPanel.scss

@@ -14,14 +14,24 @@
 
     .nds-b2b-section-tile_title {
       color: $b2b-section-title-black;
+      line-height: 1.5rem;
     }
 
     .nds-b2b-section-tile_pill {
       background: $b2b-section-background-gray;
       color: $b2b-pill-text-orange;
       font-weight: 700;
-      padding: 0.2rem;
-      border-radius: 0.75rem
+      font-size: 0.6rem;
+      line-height: 0.75rem;
+      width: fit-content;
+      padding: 0.2rem 1rem;
+      border-radius: 0.6rem;
+      border: 0.3px solid $b2b-pill-border-gray;
+    }
+
+    .nds-b2b-section-status-icon {
+      height: 1.2rem;
+      width: 1.2rem;
     }
 
     .nds-accordion__section {