From fd8e2b675ea453da46c87b1358fcebbf78930fa2 Mon Sep 17 00:00:00 2001
From: Adam Carpenter <atc@53hor.net>
Date: Fri, 1 May 2020 15:49:40 -0400
Subject: fixed inventory search/sort on mobile, added basic footer

---
 iridescence/src/components/Footer.vue          | 17 +++++++++++++++++
 iridescence/src/components/InventorySearch.vue | 11 ++++++-----
 2 files changed, 23 insertions(+), 5 deletions(-)
 create mode 100644 iridescence/src/components/Footer.vue

(limited to 'iridescence/src/components')

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>
-- 
cgit v1.2.3