From a23dea067ce3ed5e715acd192a75b90e157061da Mon Sep 17 00:00:00 2001
From: Aljaz Grilc <aljaz.grilc@amebis.si>
Date: Thu, 30 May 2024 09:03:54 +0200
Subject: [PATCH] Enhance visual appearance of popup element

---
 service2.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/service2.js b/service2.js
index c197952..02f651b 100644
--- a/service2.js
+++ b/service2.js
@@ -1365,6 +1365,7 @@ class BesPopup extends HTMLElement {
           display: block;
         }
         .popup-text {
+          font-size: 0.93rem;
           max-width: 160px;
           color: black;
           text-align: center;
@@ -1372,9 +1373,10 @@ class BesPopup extends HTMLElement {
           z-index: 1;
         }
         .bes-popup-container {
+          font-family: Arial, sans-serif;
           visibility: hidden;
           min-width: 200px;
-          max-width: 300px;
+          max-width: 350px;
           background-color: rgb(241, 243, 249);
           box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
           border-radius: 5px;
@@ -1410,6 +1412,9 @@ class BesPopup extends HTMLElement {
         .bes-replacement-btn:hover{
           background-color: #1976f0;
         }
+        .bes-replacement-div{
+          margin-top: 4px;
+        }
         :host(.show) .bes-popup-container {
           visibility: visible;
           animation: fadeIn 1s;
@@ -1507,7 +1512,7 @@ class BesPopup extends HTMLElement {
    */
   changeMessage(text) {
     this.clearReplacements()
-    this.shadowRoot.querySelector('.popup-text').textContent = text
+    this.shadowRoot.querySelector('.popup-text').innerText = text
   }
 
   /**