moved search into InventorySearch and started work on filters; updated quantity display

1 files changed, 21 insertions, 3 deletions

diff --git a/iridescence/src/views/Home.vue b/iridescence/src/views/Home.vue
index c4a2184..9272d90 100644
--- a/iridescence/src/views/Home.vue
+++ b/iridescence/src/views/Home.vue
@@ -3,20 +3,38 @@
 	  allow users to sort, filter, and search for items and add them to their
 	  cart. -->
 
-  <div id="home">
-    <InventoryFilter></InventoryFilter>
-    <InventoryList></InventoryList>
+  <div id="home" class="container">
+    <div class="columns">
+      <div class="column is-narrow">
+        <section class="section">
+          <div class="box">
+            <InventoryFilter></InventoryFilter>
+          </div>
+        </section>
+      </div>
+
+      <div class="column">
+        <section class="section">
+          <InventorySearch></InventorySearch>
+        </section>
+        <section class="section">
+          <InventoryList></InventoryList>
+        </section>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
 import InventoryList from "@/components/InventoryList.vue";
 import InventoryFilter from "@/components/InventoryFilter.vue";
+import InventorySearch from "@/components/InventorySearch.vue";
 
 export default {
   name: "Home",
   components: {
     InventoryList,
+    InventorySearch,
     InventoryFilter
   }
 };