From 36640da3a8efdb5c0bfbd608a102c440bbba709c Mon Sep 17 00:00:00 2001
From: Josh Davidson <joshdavidson613@gmail.com>
Date: Fri, 19 Sep 2025 15:42:58 -0700
Subject: [PATCH] Remove unnecessary style from pre element

Hard coding "white-space:pre;" in the parent element of the results tab-content means long strings like tokens will always exceed the parent box element and force a horizonal scroll bar. This is particularly annoying when you need to copy and use the tokens in other places. It also makes it nearly impossible to use <style> or css changes to turn word wrapping on because the hard coded "white-space:pre;" overwrites everything. Lastly this is the ONLY place where this style is hard coded.
---
 src/components/api-request.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/api-request.js b/src/components/api-request.js
index 68522564..f6c5062d 100644
--- a/src/components/api-request.js
+++ b/src/components/api-request.js
@@ -1084,7 +1084,7 @@ export default class ApiRequest extends LitElement {
           : html`
             <div part="tab-content" class="tab-content col m-markdown" style="flex:1; display:${this.activeResponseTab === 'response' ? 'flex' : 'none'};" >
               <button class="toolbar-btn" style="position:absolute; top:12px; right:8px" @click='${(e) => { copyToClipboard(this.responseText, e); }}' part="btn btn-fill"> Copy </button>
-              <pre style="white-space:pre; min-height:50px; height:var(--resp-area-height, 400px); resize:vertical; overflow:auto">${responseContent}</pre>
+              <pre style="min-height:50px; height:var(--resp-area-height, 400px); resize:vertical; overflow:auto">${responseContent}</pre>
             </div>`
         }
         <div part="tab-content" class="tab-content col m-markdown" style="flex:1; display:${this.activeResponseTab === 'headers' ? 'flex' : 'none'};" >