fix: adjust content dimentions

static/app/views/replays/detail/layout/index.tsx

@@ -20,7 +20,8 @@ const MIN_VIDEO_WIDTH = {px: 325};
 const MIN_CONTENT_WIDTH = {px: 325};
 const MIN_SIDEBAR_WIDTH = {px: 325};
 const MIN_VIDEO_HEIGHT = {px: 200};
-const MIN_CONTENT_HEIGHT = {px: 200};
+const MIN_CONTENT_HEIGHT = {px: 180};
+const MIN_SIDEBAR_HEIGHT = {px: 120};
 
 type Props = {
   layout?: LayoutKey;
@@ -68,7 +69,7 @@ function ReplayLayout({layout = LayoutKey.topbar}: Props) {
           key={layout}
           left={{
             content: focusArea,
-            default: '75%',
+            default: '50%',
             min: MIN_CONTENT_WIDTH,
           }}
           right={{
@@ -103,7 +104,7 @@ function ReplayLayout({layout = LayoutKey.topbar}: Props) {
           key={layout}
           left={{
             content: mainSplit,
-            default: '75%',
+            default: '50%',
             min: MIN_CONTENT_WIDTH,
           }}
           right={{
@@ -125,7 +126,7 @@ function ReplayLayout({layout = LayoutKey.topbar}: Props) {
       }}
       bottom={{
         content: <SideCrumbsTags />,
-        min: MIN_SIDEBAR_WIDTH,
+        min: MIN_SIDEBAR_HEIGHT,
       }}
     />
   );
@@ -138,7 +139,7 @@ function ReplayLayout({layout = LayoutKey.topbar}: Props) {
           key={layout}
           left={{
             content: focusArea,
-            default: '60%',
+            default: '50%',
             min: MIN_CONTENT_WIDTH,
           }}
           right={{
@@ -162,7 +163,7 @@ function ReplayLayout({layout = LayoutKey.topbar}: Props) {
           }}
           right={{
             content: focusArea,
-            default: '60%',
+            default: '50%',
             min: MIN_CONTENT_WIDTH,
           }}
         />
@@ -187,7 +188,7 @@ function ReplayLayout({layout = LayoutKey.topbar}: Props) {
             <SplitPanel
               left={{
                 content: video,
-                default: '70%',
+                default: '50%',
                 min: MIN_VIDEO_WIDTH,
               }}
               right={{
@@ -200,7 +201,7 @@ function ReplayLayout({layout = LayoutKey.topbar}: Props) {
         }}
         bottom={{
           content: focusArea,
-          default: '60%',
+          default: '50%',
           min: MIN_CONTENT_HEIGHT,
         }}
       />