fixed inventory search/sort on mobile, added basic footer

4 files changed, 28 insertions, 7 deletions

diff --git a/iridescence/src/App.vue b/iridescence/src/App.vue
index aee2f10..34aa1d9 100644
--- a/iridescence/src/App.vue
+++ b/iridescence/src/App.vue
@@ -2,16 +2,19 @@
   <div id="app">
     <Navbar></Navbar>
     <router-view />
+    <Footer></Footer>
   </div>
 </template>
 
 <script>
 import Navbar from "@/components/Navbar.vue";
+import Footer from "@/components/Footer.vue";
 
 export default {
   name: "App",
   components: {
-    Navbar
+    Navbar,
+    Footer
   }
 };
 </script>
diff --git a/iridescence/src/components/Footer.vue b/iridescence/src/components/Footer.vue
new file mode 100644
index 0000000..e124440
--- /dev/null
+++ b/iridescence/src/components/Footer.vue
@@ -0,0 +1,17 @@
+<template>
+  <div id="footer">
+    <footer class="footer">
+      <div class="content has-text-centered">
+        <p>
+          &copy; 2020 The Glassy Ladies, LLC
+        </p>
+      </div>
+    </footer>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Footer"
+};
+</script>
diff --git a/iridescence/src/components/InventorySearch.vue b/iridescence/src/components/InventorySearch.vue
index 0e5b88f..e9da6f6 100644
--- a/iridescence/src/components/InventorySearch.vue
+++ b/iridescence/src/components/InventorySearch.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="inventorySearch">
-    <div class="field has-addons">
+    <div class="field is-grouped is-grouped-multiline">
       <div class="control is-expanded">
         <input
           class="input is-primary is-medium"
@@ -14,10 +14,11 @@
       <div class="control">
         <div class="select is-primary is-medium">
           <select>
-            <option>Sort by Age (Oldest to Newest)</option>
-            <option>Sort by Name</option>
-            <option>Sort by Price (Low to High)</option>
-            <option>Sort by Price (High to Low)</option>
+            <option>(Sort by...)</option>
+            <option>Age (Oldest to Newest)</option>
+            <option>Name</option>
+            <option>Price (Low to High)</option>
+            <option>Price (High to Low)</option>
           </select>
         </div>
       </div>
diff --git a/iridescence/src/views/Home.vue b/iridescence/src/views/Home.vue
index b01b78d..93b6f33 100644
--- a/iridescence/src/views/Home.vue
+++ b/iridescence/src/views/Home.vue
@@ -37,7 +37,7 @@ export default {
   components: {
     InventoryList,
     InventorySearch,
-    InventoryFilter
+    InventoryFilter,
   }
 };
 </script>