add border to items

Quique Fernandez · Quique Fernandez · commit 3b16254c6dff · 2016-12-28T14:45:00.000+01:00
diff --git a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders-detail/orders-detail.component.html b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders-detail/orders-detail.component.html
@@ -45,7 +45,7 @@
                 <section class="esh-orders_detail-title col-xs-12">Order details</section>
             </article>
 
-            <article class="esh-orders_detail-items row"
+            <article class="esh-orders_detail-items esh-orders_detail-items--border row"
                      *ngFor="let item of order.orderitems">
                 <section class="esh-orders_detail-item col-md-4 hidden-md-down">
                     <img class="esh-orders_detail-image" src="{{item.pictureurl}}">
diff --git a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders-detail/orders-detail.component.scss b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders-detail/orders-detail.component.scss
@@ -40,7 +40,10 @@
     }
 
     &-items {
-        
+        &--border {
+            border-bottom: $border-light solid $color-foreground-bright;
+            padding: .5rem 0;
+        }
     }
 
     $item-height: 8rem;

Original file line number	Diff line number	Diff line change
`@@ -40,7 +40,10 @@`
`40`	`40`	`}`
`41`	`41`
`42`	`42`	`&-items {`
`43`		`-`
	`43`	`+ &--border {`
	`44`	`+ border-bottom: $border-light solid $color-foreground-bright;`
	`45`	`+ padding: .5rem 0;`
	`46`	`+ }`
`44`	`47`	`}`
`45`	`48`
`46`	`49`	`$item-height: 8rem;`