From d60d6ab4875f9f3b910b7b6842639fe2de9641d4 Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Fri, 16 Jun 2023 09:38:23 +0200
Subject: [PATCH] fix(ui): fix header height

---
 frontend/app/components/Session_/Fetch/FetchDetails.js          | 2 +-
 frontend/app/components/Session_/GraphQL/GQLDetails.js          | 2 +-
 .../shared/FetchDetailsModal/components/FetchTabs/FetchTabs.tsx | 2 +-
 .../shared/GraphQLDetailsModal/GraphQLDetailsModal.tsx          | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/app/components/Session_/Fetch/FetchDetails.js b/frontend/app/components/Session_/Fetch/FetchDetails.js
index ea7074c8c..944a01e8e 100644
--- a/frontend/app/components/Session_/Fetch/FetchDetails.js
+++ b/frontend/app/components/Session_/Fetch/FetchDetails.js
@@ -152,7 +152,7 @@ export default class FetchDetails extends React.PureComponent {
               onClick={ this.onTabClick }
               border={ true }
             />
-						<div style={{ height: 'calc(100vh - 314px)', overflowY: 'auto' }}>
+						<div style={{ height: 'calc(100vh - 364px)', overflowY: 'auto' }}>
 							{ this.renderActiveTab(activeTab) }
 						</div>
 					</div>
diff --git a/frontend/app/components/Session_/GraphQL/GQLDetails.js b/frontend/app/components/Session_/GraphQL/GQLDetails.js
index e7b00384e..686cba418 100644
--- a/frontend/app/components/Session_/GraphQL/GQLDetails.js
+++ b/frontend/app/components/Session_/GraphQL/GQLDetails.js
@@ -35,7 +35,7 @@ export default class GQLDetails extends React.PureComponent {
           </div>
         </div>
 
-        <div style={{ height: 'calc(100vh - 314px)', overflowY: 'auto' }}>
+        <div style={{ height: 'calc(100vh - 364px)', overflowY: 'auto' }}>
           <div>
             <div className="flex justify-between items-start mt-6 mb-2">
               <h5 className="mt-1 mr-1">{'Variables'}</h5>
diff --git a/frontend/app/components/shared/FetchDetailsModal/components/FetchTabs/FetchTabs.tsx b/frontend/app/components/shared/FetchDetailsModal/components/FetchTabs/FetchTabs.tsx
index ca556bcbc..3816af1bc 100644
--- a/frontend/app/components/shared/FetchDetailsModal/components/FetchTabs/FetchTabs.tsx
+++ b/frontend/app/components/shared/FetchDetailsModal/components/FetchTabs/FetchTabs.tsx
@@ -151,7 +151,7 @@ function FetchTabs({ resource }: Props) {
   return (
     <div>
       <Tabs tabs={TABS} active={activeTab} onClick={onTabClick} border={true} />
-      <div style={{ height: 'calc(100vh - 314px)', overflowY: 'auto' }}>{renderActiveTab()}</div>
+      <div style={{ height: 'calc(100vh - 364px)', overflowY: 'auto' }}>{renderActiveTab()}</div>
     </div>
   );
 }
diff --git a/frontend/app/components/shared/GraphQLDetailsModal/GraphQLDetailsModal.tsx b/frontend/app/components/shared/GraphQLDetailsModal/GraphQLDetailsModal.tsx
index ad4d91be9..1c7fad1a7 100644
--- a/frontend/app/components/shared/GraphQLDetailsModal/GraphQLDetailsModal.tsx
+++ b/frontend/app/components/shared/GraphQLDetailsModal/GraphQLDetailsModal.tsx
@@ -40,7 +40,7 @@ function GraphQLDetailsModal(props: Props) {
         </div>
       </div>
 
-      <div style={{ height: 'calc(100vh - 314px)', overflowY: 'auto' }}>
+      <div style={{ height: 'calc(100vh - 364px)', overflowY: 'auto' }}>
         <div>
           <div className="flex justify-between items-start mt-6 mb-2">
             <h5 className="mt-1 mr-1 font-medium">{'Variables'}</h5>