From 90b522e75be0dd5d04c4ffd089813bb4b0e9ebf0 Mon Sep 17 00:00:00 2001
From: Travis Semple <travis8814@gmail.com>
Date: Wed, 12 Jul 2023 10:07:17 -0700
Subject: [PATCH] Changes from UX feedback. (#513)

---
 package-lock.json                             |  4 +-
 package.json                                  |  2 +-
 .../SpecialResolution/Resolution.vue          | 54 +++++++++++++++++--
 .../common/YourCompany/AssociationType.vue    |  4 +-
 4 files changed, 57 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 0cf58b23..99a113b1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "business-edit-ui",
-  "version": "4.4.8",
+  "version": "4.4.9",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "business-edit-ui",
-      "version": "4.4.8",
+      "version": "4.4.9",
       "dependencies": {
         "@babel/compat-data": "^7.21.5",
         "@bcrs-shared-components/action-chip": "1.1.5",
diff --git a/package.json b/package.json
index 94d71348..8e475d0a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "business-edit-ui",
-  "version": "4.4.8",
+  "version": "4.4.9",
   "private": true,
   "appName": "Edit UI",
   "sbcName": "SBC Common Components",
diff --git a/src/components/SpecialResolution/Resolution.vue b/src/components/SpecialResolution/Resolution.vue
index e0da64b4..c889ea2c 100644
--- a/src/components/SpecialResolution/Resolution.vue
+++ b/src/components/SpecialResolution/Resolution.vue
@@ -77,6 +77,43 @@
                   </v-icon>
                   <span>{{ getEditLabel }}</span>
                 </v-btn>
+                <!-- Dropdown menu - allows us to change without having to undo. -->
+                <v-menu
+                  v-if="(hasChanged && !isSpecialResolutionFiling) && !isEditing"
+                  v-model="dropdown"
+                  offset-y
+                  left
+                  nudge-bottom="4"
+                >
+                  <template #activator="{ on }">
+                    <v-btn
+                      id="btn-more-actions"
+                      text
+                      small
+                      color="primary"
+                      v-on="on"
+                    >
+                      <v-icon>{{ dropdown ? 'mdi-menu-up' : 'mdi-menu-down' }}</v-icon>
+                    </v-btn>
+                  </template>
+                  <v-list>
+                    <v-list-item
+                      id="btn-more-actions-edit"
+                      class="v-list-item"
+                      @click="isEditing = true; dropdown = false"
+                    >
+                      <v-list-item-subtitle>
+                        <v-icon
+                          small
+                          color="primary"
+                        >
+                          mdi-pencil
+                        </v-icon>
+                        <span class="drop-down-action ml-1">{{ getEditLabel }}</span>
+                      </v-list-item-subtitle>
+                    </v-list-item>
+                  </v-list>
+                </v-menu>
               </div>
             </v-col>
           </v-row>
@@ -172,6 +209,7 @@ export default class Resolution extends Vue {
 
   isEditing = true
   hasChanged = false
+  dropdown = false
 
   /** Displays an invalid section to user if form is invalid. */
   get invalidResolutionSection (): boolean {
@@ -244,8 +282,18 @@ export default class Resolution extends Vue {
   }
 }
 
-.actions .undo-action {
-  border-right: 0px;
-}
+.actions {
+  position: absolute;
+  right: 0;
+
+  .undo-action {
+    border-right: 1px solid $gray1;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
 
+  .v-btn {
+    min-width: 0.5rem;
+  }
+}
 </style>
diff --git a/src/components/common/YourCompany/AssociationType.vue b/src/components/common/YourCompany/AssociationType.vue
index 7df29973..f3df1459 100644
--- a/src/components/common/YourCompany/AssociationType.vue
+++ b/src/components/common/YourCompany/AssociationType.vue
@@ -263,8 +263,10 @@ export default class AssociationType extends Mixins(CommonMixin) {
   position: absolute;
   right: 0;
 
-  .undo-action{
+  .undo-action {
     border-right: 1px solid $gray1;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
   }
 
   .v-btn {