From d38e41d90f76f395c45e69e364baec7079af4e3a Mon Sep 17 00:00:00 2001
From: ajdj100 <AJCampbell@conestogac.on.ca>
Date: Fri, 19 May 2023 00:07:12 -0400
Subject: [PATCH] Tweaked styling and whatnot for dropdown menus. Still overall
 nonfunctional, quite possibly will need a large overhaul before it's in
 working shape.

---
 17th Website/src/components/dropdown/Dropdown.vue   |  1 +
 .../src/components/dropdown/DropdownContent.vue     |  8 +++++---
 .../src/components/dropdown/DropdownItem.vue        | 13 ++++++++++---
 17th Website/src/views/users.vue                    | 10 ++++++----
 4 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/17th Website/src/components/dropdown/Dropdown.vue b/17th Website/src/components/dropdown/Dropdown.vue
index 7ad6130..2ad0327 100644
--- a/17th Website/src/components/dropdown/Dropdown.vue	
+++ b/17th Website/src/components/dropdown/Dropdown.vue	
@@ -57,6 +57,7 @@ button {
     border-radius: 5px;
     font-size: 15px;
     padding: 10px;
+    padding-left: 15px;
     color: var(--white);
     display: flex;
     flex-direction: row;
diff --git a/17th Website/src/components/dropdown/DropdownContent.vue b/17th Website/src/components/dropdown/DropdownContent.vue
index ed30be3..5fff911 100644
--- a/17th Website/src/components/dropdown/DropdownContent.vue	
+++ b/17th Website/src/components/dropdown/DropdownContent.vue	
@@ -20,11 +20,13 @@ export default {
 
 <style scoped>
 div {
-    display: flex;
-    flex-direction: column;
+    display: block;
+    /* flex-direction: column; */
+    width: 10%;
     position: absolute;
     background-color: var(--background-secondary);
     border-radius: 0px 0px 10px 10px;
-    padding: 10px;
+    /* padding: 10px; */
+
 }
 </style>
\ No newline at end of file
diff --git a/17th Website/src/components/dropdown/DropdownItem.vue b/17th Website/src/components/dropdown/DropdownItem.vue
index d051f17..a6c29a0 100644
--- a/17th Website/src/components/dropdown/DropdownItem.vue	
+++ b/17th Website/src/components/dropdown/DropdownItem.vue	
@@ -1,6 +1,6 @@
 <script>
 export default {
-    name: 'dropdownItem'
+    name: 'dropdownItem',
 }
 </script>
 
@@ -13,12 +13,19 @@ export default {
 <style scoped>
 * {
     color: var(--white);
-    padding: 5px;
+    padding: 10px;
+}
+
+div {
+    padding: 15px;
+}
+
+div:last-child {
+    border-radius: 0 0 5px 5px;
 }
 
 div:hover {
     background-color: var(--accent-primary);
-    transition: color 0.5s;
 }
 
 </style>
\ No newline at end of file
diff --git a/17th Website/src/views/users.vue b/17th Website/src/views/users.vue
index d08de6e..fe9b3e8 100644
--- a/17th Website/src/views/users.vue	
+++ b/17th Website/src/views/users.vue	
@@ -54,11 +54,13 @@ export default {
                     <option>RRC</option>
                 </select>
                 
-                <dropdown title="hello">
+                <dropdown title="All Groups">
                     <DropdownContent>
-                        <DropdownItem>Item 1</DropdownItem>
-                        <DropdownItem>Item 2</DropdownItem>
-                        <DropdownItem>Item 3</DropdownItem>
+                        <DropdownItem>All Groups</DropdownItem>
+                        <DropdownItem>Echo</DropdownItem>
+                        <DropdownItem>HHC</DropdownItem>
+                        <DropdownItem>Recruit</DropdownItem>
+                        <DropdownItem>Discharged</DropdownItem>
                     </DropdownContent>
                 </dropdown>