#115 item list now in two columns

NerdCats · Aug 16, 2016 · c24141c · c24141c
1 parent f012b48
commit c24141c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/app/vendor-details/vendor-details.component.css b/app/vendor-details/vendor-details.component.css
@@ -2,4 +2,9 @@
     background: url('/assets/img/pop-up-pizza.jpg') no-repeat center center fixed;
     height: 333px;
     background-size: cover;
+}
+
+.vendor-item-list {
+    display: inline-block;
+    width: 50%;
 }
diff --git a/app/vendor-details/vendor-details.component.html b/app/vendor-details/vendor-details.component.html
@@ -13,7 +13,7 @@ <h3>{{cat.catagory}}</h3>
         <hr>
         <div class="row">
             <ul>
-                <li *ngFor="let item of cat.itemlist">{{item.item}}</li>
+                <li class="vendor-item-list" *ngFor="let item of cat.itemlist">{{item.item}}</li>
             </ul>
         </div>
     </div>