Browse Source

fix(admin-ui): Fix chip styling

Michael Bromley 7 years ago
parent
commit
fe33b0c739

+ 1 - 1
admin-ui/src/app/catalog/components/product-detail/product-detail.component.html

@@ -99,7 +99,7 @@
                         <input type="text" formControlName="name">
                         <input type="text" formControlName="name">
                     </td>
                     </td>
                     <td>
                     <td>
-                        <div *ngFor="let option of variant.options">{{ option.name }}</div>
+                        <vdr-chip *ngFor="let option of variant.options">{{ option.name }}</vdr-chip>
                     </td>
                     </td>
                     <td>
                     <td>
                         <vdr-currency-input formControlName="price"></vdr-currency-input>
                         <vdr-currency-input formControlName="price"></vdr-currency-input>

+ 2 - 1
admin-ui/src/app/shared/components/chip/chip.component.scss

@@ -8,7 +8,8 @@
 }
 }
 
 
 .chip-label {
 .chip-label {
-    padding: 0 6px;
+    padding: 3px 6px;
+    line-height: 1em;
 }
 }
 
 
 .chip-icon {
 .chip-icon {