From 52e2cb91d4e3e6e84a59718cffcf8f8c1229b8ba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Andr=C3=A9s=20Moreno=20Rubio?=
 <juan.andres.moreno@sap.com>
Date: Thu, 25 Mar 2021 17:18:13 +0100
Subject: [PATCH] Added load of API key by url

---
 css/demo.css            | 3 ++-
 js/engine.js            | 2 +-
 less/src/framework.less | 7 ++++---
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/css/demo.css b/css/demo.css
index 8dce68a..76c973d 100644
--- a/css/demo.css
+++ b/css/demo.css
@@ -309,7 +309,8 @@ button {
   background-color: #e6f9e6;
   padding: 21px;
 }
-.navbar .navbar-item .button-apikey.dynamic-apikey.api-key-error {
+.navbar .navbar-item .button-apikey.api-key-error {
+  padding: 21px;
   background-color: #ff000033;
 }
 .navbar .provider-img {
diff --git a/js/engine.js b/js/engine.js
index fed0a99..a9bffb8 100644
--- a/js/engine.js
+++ b/js/engine.js
@@ -100,7 +100,7 @@ function loadConfigFromFile(out) {
             console.error("Invalid API Key. Loading default one...");
             // Updating error label to reflect the error
             setTimeout(function() {
-                const labelForApiKey = query('.navbar .button-apikey.dynamic-apikey');
+                const labelForApiKey = query('.navbar .button-apikey');
                 if (labelForApiKey) {
 
                     labelForApiKey.classList.add('api-key-error');
diff --git a/less/src/framework.less b/less/src/framework.less
index 8ea9448..3cdd5e7 100644
--- a/less/src/framework.less
+++ b/less/src/framework.less
@@ -258,9 +258,10 @@
             &.dynamic-apikey {
                 background-color: #e6f9e6;
                 padding: 21px;
-                &.api-key-error {
-                    background-color: #ff000033;
-                }
+            }
+            &.api-key-error {
+                padding: 21px;
+                background-color: #ff000033;
             }
         }
     }