From c03bb1923bd271d51d23bde975648e4d930a923f Mon Sep 17 00:00:00 2001
From: Henry Wilkinson <henry@wilkinson.graphics>
Date: Wed, 26 Apr 2023 23:50:02 -0400
Subject: [PATCH] Removes extra padding around replay window

- Adds a check before the block of HTML that adds 16px of padding and tells it not to add that if it's the replay page.
---
 frontend/src/pages/org/crawl-detail.ts | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/org/crawl-detail.ts b/frontend/src/pages/org/crawl-detail.ts
index 531f504e..b129a2f5 100644
--- a/frontend/src/pages/org/crawl-detail.ts
+++ b/frontend/src/pages/org/crawl-detail.ts
@@ -451,6 +451,18 @@ export class CrawlDetail extends LiteElement {
   }
 
   private renderPanel(title: any, content: any) {
+    let panelContainer;
+    switch (this.sectionName) {
+      case "replay":
+        panelContainer = html`
+          <div class="flex-1 rounded-lg border overflow-hidden">${content}</div>
+        `;
+      break;
+      default:
+        panelContainer = html`
+          <div class="flex-1 rounded-lg border p-5">${content}</div>
+        `;
+    }
     return html`
       <h2
         id="exclusions"
@@ -458,7 +470,7 @@ export class CrawlDetail extends LiteElement {
       >
         ${title}
       </h2>
-      <div class="flex-1 rounded-lg border p-5">${content}</div>
+      ${panelContainer}
     `;
   }
 
@@ -547,7 +559,7 @@ export class CrawlDetail extends LiteElement {
         canReplay
           ? html`<div
               id="replay-crawl"
-              class="aspect-4/3 rounded border overflow-hidden"
+              class="aspect-4/3 overflow-hidden"
             >
               <replay-web-page
                 source="${replaySource}"