fix: align table heading with associated content in quickorder form (#…

…832)
intershop · Aug 23, 2021 · 64c0e1d · 64c0e1d
1 parent e2d7639
commit 64c0e1d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/...extensions/quickorder/shared/quickorder-repeat-form/quickorder-repeat-form.component.html b/...extensions/quickorder/shared/quickorder-repeat-form/quickorder-repeat-form.component.html
@@ -6,11 +6,11 @@
 >
   <formly-field class="col-6" [field]="field"></formly-field>
   <ish-quickorder-repeat-form-quantity
-    class="col-3 col-sm-2 py-2"
+    class="col-3 col-sm-2 quickorder-line-item"
     [model]="model[i]"
     [skuControl]="field.formControl"
   ></ish-quickorder-repeat-form-quantity>
-  <div class="col-3 col-sm-2 d-flex pt-2">
+  <div class="col-3 col-sm-2 d-flex quickorder-line-item">
     <a class="btn btn-tool" (click)="remove(i)" title="{{ 'quickorder.page.remove.row' | translate }}">
       <fa-icon [icon]="['fas', 'trash-alt']"></fa-icon>
     </a>

diff --git a/src/styles/global/line-item.scss b/src/styles/global/line-item.scss
@@ -10,3 +10,8 @@
   display: inline-block;
   margin-bottom: $space-default * 0.5;
 }
+
+.quickorder-line-item {
+  padding-top: $space-default * 0.5;
+  padding-left: 0;
+}