From d3787475ddb1d63430b906b23da0a4575724e6b1 Mon Sep 17 00:00:00 2001
From: sylenien <nikita@openreplay.com>
Date: Tue, 23 Aug 2022 15:46:27 +0200
Subject: [PATCH] change(player): move jump button in network

---
 .../Session_/Network/NetworkContent.js        | 24 ++++++++++++-------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/frontend/app/components/Session_/Network/NetworkContent.js b/frontend/app/components/Session_/Network/NetworkContent.js
index b164b8513..46beb94cb 100644
--- a/frontend/app/components/Session_/Network/NetworkContent.js
+++ b/frontend/app/components/Session_/Network/NetworkContent.js
@@ -48,13 +48,23 @@ export function renderType(r) {
 
 export function renderName(r) {
   return (
-    <div className="flex justify-between items-center grow-0 w-full">
+
       <Popup
         style={{ width: '100%' }}
         content={<div className={stl.popupNameContent}>{r.url}</div>}
       >
         <div className={stl.popupNameTrigger}>{r.name}</div>
       </Popup>
+
+  );
+}
+
+export function renderStart(r) {
+  return (
+    <div className="flex justify-between items-center grow-0 w-full">
+      <span>
+        {Duration.fromMillis(r.time).toFormat('mm:ss.SSS')}
+      </span>
       <Button
         variant="text"
         className="right-0 text-xs uppercase p-2 color-gray-500 hover:color-teal"
@@ -64,13 +74,9 @@ export function renderName(r) {
         }}
       >
         Jump
-      </Button>
-    </div>
-  );
-}
-
-export function renderStart(r) {
-  return Duration.fromMillis(r.time).toFormat('mm:ss.SSS');
+    </Button>
+  </div>
+  )
 }
 
 const renderXHRText = () => (
@@ -291,7 +297,7 @@ export default class NetworkContent extends React.PureComponent {
                 {[
                   {
                     label: 'Start',
-                    width: 90,
+                    width: 120,
                     render: renderStart,
                   },
                   {