From bf01143e4cdd31cac5e7df79f2185e30a3ad006c Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Mon, 25 Oct 2021 12:31:11 +0200
Subject: [PATCH] Update widget width

---
 client/src/components/MoreOptionsWidget.vue   |  5 ++--
 .../src/components/portfolio/ProjectEntry.vue | 28 ++++++++++---------
 2 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/client/src/components/MoreOptionsWidget.vue b/client/src/components/MoreOptionsWidget.vue
index 8eee21e7..664fc647 100644
--- a/client/src/components/MoreOptionsWidget.vue
+++ b/client/src/components/MoreOptionsWidget.vue
@@ -34,8 +34,7 @@
 </script>
 
 <style scoped lang="scss">
-  @import "@/styles/_variables.scss";
-  @import "@/styles/_mixins.scss";
+  @import "~styles/helpers";
 
   .more-options {
     display: flex;
@@ -58,7 +57,7 @@
     }
 
     &__popover {
-      width: 180px;
+      min-width: 200px;
       @include popover-defaults();
     }
   }
diff --git a/client/src/components/portfolio/ProjectEntry.vue b/client/src/components/portfolio/ProjectEntry.vue
index b47f0953..669a9b60 100644
--- a/client/src/components/portfolio/ProjectEntry.vue
+++ b/client/src/components/portfolio/ProjectEntry.vue
@@ -6,13 +6,15 @@
       class="project-entry__more"
       data-cy="project-entry-more"
       v-if="!readOnly">
-      <li class="popover-links__link"><a
-        data-cy="edit-project-entry"
-        @click="editProjectEntry()">Eintrag bearbeiten</a>
+      <li class="popover-links__link">
+        <a
+          data-cy="edit-project-entry"
+          @click="editProjectEntry()">Eintrag bearbeiten</a>
       </li>
-      <li class="popover-links__link"><a
-        data-cy="delete-project-entry"
-        @click="deleteProjectEntry()">Eintrag löschen</a>
+      <li class="popover-links__link">
+        <a
+          data-cy="delete-project-entry"
+          @click="deleteProjectEntry()">Eintrag löschen</a>
       </li>
     </more-options-widget>
 
@@ -46,7 +48,7 @@
     props: ['description', 'documentUrl', 'created', 'id', 'readOnly'],
     components: {
       DocumentBlock,
-      MoreOptionsWidget
+      MoreOptionsWidget,
     },
 
     methods: {
@@ -59,14 +61,14 @@
           mutation: DELETE_PROJECT_ENTRY_MUTATION,
           variables: {
             input: {
-              id: this.id
-            }
+              id: this.id,
+            },
           },
           update(store, {data: {deleteProjectEntry: {success}}}) {
             if (success) {
               const query = PROJECT_QUERY;
               const variables = {
-                slug: projectEntry.$route.params.slug
+                slug: projectEntry.$route.params.slug,
               };
               const data = store.readQuery({query, variables});
               if (data) {
@@ -74,10 +76,10 @@
                 store.writeQuery({query, variables, data});
               }
             }
-          }
+          },
         });
-      }
-    }
+      },
+    },
   };
 </script>