fix: remove unnecessary padding from response header display for cleaner UI

Author: jakubkozera

src/core/index.html

@@ -278,7 +278,7 @@ <h3 class="flex items-center text-md font-semibold text-gray-300">Request Body</
                         </button>
                         <div id="response-details-content" class="hidden mt-2 p-4 bg-gray-700 rounded-lg">
                             <div class="mb-4">
-                                <div id="response-headers" class="text-sm text-gray-400 space-y-1">
+                                <div id="response-headers" class="text-sm text-gray-400">
                                     <!-- Headers will be populated dynamically -->
                                 </div>
                             </div>

src/core/js/responseDetailsHandler.js

@@ -19,7 +19,7 @@ function endTiming() {
 function formatHeaders(headers) {
   let formatted = "";
   headers.forEach((value, name) => {
-    formatted += `<div class="text-sm py-1 border-b border-gray-600 last:border-0">
+    formatted += `<div class="text-sm border-b border-gray-600 last:border-0">
             <span class="font-semibold text-gray-300">${name}:</span> 
             <span class="text-gray-400">${value}</span>
         </div>`;

src/core/js/responseDisplayHandler.js

@@ -94,7 +94,7 @@ function displayActualResponse(
   if (headersList && response.headers) {
     let formattedHeaders = "";
     response.headers.forEach((value, name) => {
-      formattedHeaders += `<div class="py-1 border-b border-gray-600 last:border-0">
+      formattedHeaders += `<div class="border-b border-gray-600 last:border-0">
         <span class="font-semibold text-gray-300">${name}:</span> 
         <span class="text-gray-400">${value}</span>
       </div>`;