From edffaa256e3599cb89ebf70409a5899f48e54dfb Mon Sep 17 00:00:00 2001
From: mabasian <54101509+mabasian@users.noreply.github.com>
Date: Mon, 23 Oct 2023 09:18:46 +0200
Subject: [PATCH] fix the notification modal inputs bug (#1503)

---
 .../src/components/UI/node-header/IconsNav.vue     |  8 +++++++-
 .../src/components/UI/node-header/NotifModal.vue   | 14 +++++++-------
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/launcher/src/components/UI/node-header/IconsNav.vue b/launcher/src/components/UI/node-header/IconsNav.vue
index 3a540e6f9..a6d770a46 100755
--- a/launcher/src/components/UI/node-header/IconsNav.vue
+++ b/launcher/src/components/UI/node-header/IconsNav.vue
@@ -1,10 +1,11 @@
 <template>
-  <div class="icons-box" @mousedown.prevent>
+  <div class="icons-box">
     <div
       class="icon-btn"
       @click="supportModalOpen"
       @mouseenter="cursorLocation = `${help}`"
       @mouseleave="cursorLocation = ''"
+      @mousedown.prevent
     >
       <img alt="help" src="/img/icon/header-icons/question-mark.png" />
     </div>
@@ -14,6 +15,7 @@
       @click="notifModalOpen"
       @mouseenter="cursorLocation = `${notif}`"
       @mouseleave="cursorLocation = ''"
+      @mousedown.prevent
     >
       <img alt="notification" src="/img/icon/header-icons/megaphone9.png" />
     </div>
@@ -23,6 +25,7 @@
       @click="updateModalHandler"
       @mouseenter="cursorLocation = `${availableUpdt}`"
       @mouseleave="cursorLocation = ''"
+      @mousedown.prevent
     >
       <img alt="update-icon" src="/img/icon/header-icons/update-green.png" />
     </div>
@@ -33,6 +36,7 @@
       @mouseover="showUpdateText = true"
       @mouseenter="cursorLocation = `${updtPan}`"
       @mouseleave="(showUpdateText = false), (cursorLocation = '')"
+      @mousedown.prevent
     >
       <img alt="update-icon" src="/img/icon/header-icons/update-blue.png" />
     </div>
@@ -42,6 +46,7 @@
       class="icon-btn"
       @mouseenter="cursorLocation = `${setting}`"
       @mouseleave="cursorLocation = ''"
+      @mousedown.prevent
     >
       <div>
         <img alt="setting" src="/img/icon/header-icons/setting4.png" />
@@ -53,6 +58,7 @@
       @click="logoutModalHandler"
       @mouseenter="cursorLocation = `${logOutBtn}`"
       @mouseleave="cursorLocation = ''"
+      @mousedown.prevent
     >
       <img alt="logout" src="/img/icon/header-icons/exit9.png" />
     </div>
diff --git a/launcher/src/components/UI/node-header/NotifModal.vue b/launcher/src/components/UI/node-header/NotifModal.vue
index 3d6aa7dcb..7ec1249c6 100755
--- a/launcher/src/components/UI/node-header/NotifModal.vue
+++ b/launcher/src/components/UI/node-header/NotifModal.vue
@@ -135,12 +135,11 @@ export default {
     },
     async applyBeaconChain() {
       //to apply the beaconchain dashboard
-      await ControlService.beaconchainMonitoringModification(
-        {
-          machineName: this.machineName,
-          apiKey: this.apiKey,
-          selectedVal: this.selectedVal,
-        });
+      await ControlService.beaconchainMonitoringModification({
+        machineName: this.machineName,
+        apiKey: this.apiKey,
+        selectedVal: this.selectedVal,
+      });
     },
     qrViewer() {
       this.qrPage = !this.qrPage;
@@ -370,13 +369,14 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
+  font-weight: 600;
 }
 .enter-input_input input {
   width: 100%;
   height: 60%;
   border-radius: 10px;
   border: none;
-  padding-left: 1%;
+  padding-left: 2%;
 }
 .apply-btn {
   width: 30%;