From c106a85b7d19fa0e3df9f438a156804b77a2c46e Mon Sep 17 00:00:00 2001
From: Broknloop <broknloop@gmail.com>
Date: Mon, 11 Dec 2023 19:36:05 +0100
Subject: [PATCH 1/2] fix(fix-tracing): Fix tracing for Vespa 7

---
 src/main/js/routes/schema/query.js | 40 +++++++++++++++---------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/main/js/routes/schema/query.js b/src/main/js/routes/schema/query.js
index 7767dc8..7547d1b 100644
--- a/src/main/js/routes/schema/query.js
+++ b/src/main/js/routes/schema/query.js
@@ -29,8 +29,8 @@ function Query({containerUrl, schema}) {
             if ("trace" in parsed) {
                 return // don't overwrite if it's already there
             }
+            parsed["tracelevel"] = 5
             parsed["trace"] = {
-                "level": 5,
                 "explainLevel": 1,
                 "timestamps": true
             }
@@ -56,29 +56,29 @@ function Query({containerUrl, schema}) {
                 handleFormatQuery={prettifyJsonQuery}/>
         <div className="form-control mb-2 flex flex-row pt-1 justify-end min-w-full">
             <a type="button"
-               className="btn bg-standout-blue text-yellow-400 w-13 flex text-center border-none outline-none mr-1"
-               data-tooltip-id="vispana-tooltip"
-               data-tooltip-content="Query reference"
-               data-tooltip-place="top"
-               target="_blank"
-               href={"https://docs.vespa.ai/en/reference/query-api-reference.html"}>
-                <i className={"text-xs fas fa-question"} />
+                className="btn bg-standout-blue text-yellow-400 w-13 text-center border-none outline-none mr-1"
+                data-tooltip-id="vispana-tooltip"
+                data-tooltip-content="Query reference"
+                data-tooltip-place="top"
+                target="_blank"
+                href={"https://docs.vespa.ai/en/reference/query-api-reference.html"}>
+                <i className={"text-xs fas fa-question pl-1 pr-1" } />
             </a>
             <button type="button"
-                    className="btn bg-standout-blue text-yellow-400 w-13 text-center border-none outline-none mr-1"
-                    data-tooltip-id="vispana-tooltip"
-                    data-tooltip-content="Format Query (Cmd+Opt+L)"
-                    data-tooltip-place="top"
-                    onClick={prettifyJsonQuery}>
-                <i className="fas fa-code block"/>
+                className="btn bg-standout-blue text-yellow-400 w-13 text-center border-none outline-none mr-1"
+                data-tooltip-id="vispana-tooltip"
+                data-tooltip-content="Format Query (Cmd+Opt+L)"
+                data-tooltip-place="top"
+                onClick={prettifyJsonQuery}>
+                <i className="fas fa-code "/>
             </button>
             <button type="button"
-                    className="btn bg-standout-blue text-yellow-400 w-13 text-center border-none outline-none mr-1"
-                    data-tooltip-id="vispana-tooltip"
-                    data-tooltip-content="Add Trace"
-                    data-tooltip-place="top"
-                    onClick={addTrace}>
-                <i className="fas fa-search block"/>
+                className="btn bg-standout-blue text-yellow-400 w-13 text-center border-none outline-none mr-1"
+                data-tooltip-id="vispana-tooltip"
+                data-tooltip-content="Add Trace"
+                data-tooltip-place="top"
+                onClick={addTrace}>
+                <i className="fas fa-stopwatch pl-1 pr-1"/>
             </button>
             <button type="button"
                     className="btn bg-standout-blue text-yellow-400 w-32 btn-blue border-none outline-none"

From bb72040a5c628159e8c758c5350b0fbd4f8bb90d Mon Sep 17 00:00:00 2001
From: Broknloop <broknloop@gmail.com>
Date: Mon, 11 Dec 2023 20:41:02 +0100
Subject: [PATCH 2/2] style(add-missing-padding): Fix missing padding at the
 bottom of the Layout page

---
 src/main/js/routes/layout/layout.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/main/js/routes/layout/layout.js b/src/main/js/routes/layout/layout.js
index 5d72481..6d4b294 100644
--- a/src/main/js/routes/layout/layout.js
+++ b/src/main/js/routes/layout/layout.js
@@ -149,7 +149,7 @@ function Layout() {
                                 </div>
                             </div>
                             <div className="flex-1 max-h-full bg-darkest-blue">
-                                <div className="-my-2 sm:-mx-6 lg:-mx-8 overflow-x-auto">
+                                <div className="-my-2 sm:-mx-6 lg:-mx-8 overflow-x-auto pb-4">
                                     <Outlet context={loadedVespaState}/>
                                 </div>
                             </div>