From 393c657e27baca3b8334e3bf2ca630ffc8eb1b19 Mon Sep 17 00:00:00 2001
From: elweyn <heine.hannes@gmail.com>
Date: Mon, 20 Mar 2023 14:08:32 +0100
Subject: [PATCH] Add class for the flex items

---
 webapp/components/Dropdown.vue                     |  2 +-
 .../NotificationMenu/NotificationMenu.vue          | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/webapp/components/Dropdown.vue b/webapp/components/Dropdown.vue
index 7e4d21223..0dfff3736 100644
--- a/webapp/components/Dropdown.vue
+++ b/webapp/components/Dropdown.vue
@@ -33,7 +33,7 @@ export default {
   data() {
     return {
       isPopoverOpen: false,
-      developerNoAutoClosing: false, // stops automatic closing of menu for developer purposes: default is 'false'
+      developerNoAutoClosing: true, // stops automatic closing of menu for developer purposes: default is 'false'
     }
   },
   computed: {
diff --git a/webapp/components/NotificationMenu/NotificationMenu.vue b/webapp/components/NotificationMenu/NotificationMenu.vue
index 14441f4cf..d777cfe5f 100644
--- a/webapp/components/NotificationMenu/NotificationMenu.vue
+++ b/webapp/components/NotificationMenu/NotificationMenu.vue
@@ -17,14 +17,14 @@
         <notification-list :notifications="notifications" @markAsRead="markAsRead" />
       </div>
       <ds-flex class="notifications-link-container">
-        <ds-flex-item :width="{ base: 'auto' }" centered>
+        <ds-flex-item class="notifications-link-container-item" :width="{ base: '100%' }" centered>
           <nuxt-link :to="{ name: 'notifications' }">
             <base-button ghost primary>
               {{ $t('notifications.pageLink') }}
             </base-button>
           </nuxt-link>
         </ds-flex-item>
-        <ds-flex-item :width="{ base: 'auto' }" centered>
+        <ds-flex-item class="notifications-link-container-item" :width="{ base: '100%' }" centered>
           <base-button ghost primary @click="markAllAsRead" data-test="markAllAsRead-button">
             {{ $t('notifications.markAllAsRead') }}
           </base-button>
@@ -148,11 +148,11 @@ export default {
 .notifications-link-container {
   background-color: $background-color-softer-active;
   justify-content: center;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  height: 62px;
   padding: $space-x-small;
-  flex-direction: column;
+  flex-direction: row;
+}
+.notifications-link-container-item {
+  justify-content: center;
+  display: flex;
 }
 </style>