From 6d90387e249971bde5e321e0b5502aeb7c6a3d5e Mon Sep 17 00:00:00 2001
From: Ryan Rosello <goneby30+github@gmail.com>
Date: Sat, 15 Jun 2024 09:49:38 +1000
Subject: [PATCH] feat(trace-viewer) Move URL + Method + Status Code under
 General heading

---
 packages/trace-viewer/src/ui/networkResourceDetails.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/trace-viewer/src/ui/networkResourceDetails.tsx b/packages/trace-viewer/src/ui/networkResourceDetails.tsx
index d450ace420..10b5c327b7 100644
--- a/packages/trace-viewer/src/ui/networkResourceDetails.tsx
+++ b/packages/trace-viewer/src/ui/networkResourceDetails.tsx
@@ -77,11 +77,9 @@ const RequestTab: React.FunctionComponent<{
   }, [resource]);
 
   return <div className='network-request-details-tab'>
-    <div className='network-request-details-header'>URL</div>
-    <div className='network-request-details-url'>{resource.request.url}</div>
-    <div className='network-request-details-header'>Method</div>
+    <div className='network-request-details-header'>General</div>
+    <div className='network-request-details-url'>{`URL: ${resource.request.url}`}</div>
     <div className='network-request-details-general'>{`Method: ${resource.request.method}`}</div>
-    <div className='network-request-details-header'>Status</div>
     <div className='network-request-details-general'>{`Status Code: ${resource.response.status >= 200 && resource.response.status < 400
       ? `🟢 ${resource.response.status}`
       : `🔴 ${resource.response.status}`}`}</div>