From 12ecee8c496ba17c734176f036c7cd798c0203ab Mon Sep 17 00:00:00 2001
From: Elio Struyf <elio@struyfconsulting.be>
Date: Fri, 10 Feb 2023 14:53:23 +0100
Subject: [PATCH] Fix address bar of preview

---
 src/dashboardWebView/components/Preview/Preview.tsx | 2 +-
 src/dashboardWebView/styles.css                     | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/dashboardWebView/components/Preview/Preview.tsx b/src/dashboardWebView/components/Preview/Preview.tsx
index 6a72f13c..6c2c22d7 100644
--- a/src/dashboardWebView/components/Preview/Preview.tsx
+++ b/src/dashboardWebView/components/Preview/Preview.tsx
@@ -58,7 +58,7 @@ export const Preview: React.FunctionComponent<IPreviewProps> = ({
         />
 
         <div
-          className={`actions absolute right-[1px] top-[1px] bottom-[1px] flex items-center space-x-2 px-2 ${getColors('text-vulcan-500 dark:text-whisper-100', 'text-[var(--vscode-list-activeSelectionForeground)]')
+          className={`actions flex items-center space-x-2 px-2 ${getColors('text-vulcan-500 dark:text-whisper-100', 'text-[var(--vscode-list-activeSelectionForeground)]')
             }`}
         >
           <button title="Navigate" onClick={navigateToUrl} className={getColors(`hover:text-vulcan-500 dark:hover:text-whisper-100`, `hover:text-[var(--vscode-textLink-activeForeground)]`)}>
diff --git a/src/dashboardWebView/styles.css b/src/dashboardWebView/styles.css
index 2f97091f..ea7ed11f 100644
--- a/src/dashboardWebView/styles.css
+++ b/src/dashboardWebView/styles.css
@@ -365,6 +365,12 @@
     }
   }
 
+  &[data-type='preview'] {
+    input {
+      @apply rounded-none;
+    }
+  }
+
   .autoform {
     form {
       label {