From 483cfcd7612bc884a4825c50612e06cd58a74fb7 Mon Sep 17 00:00:00 2001
From: Elio Struyf <elio@struyfconsulting.be>
Date: Thu, 9 Feb 2023 17:35:16 +0100
Subject: [PATCH] #505 - Small theming fixes

---
 src/dashboardWebView/components/DataView/DataFormControls.tsx  | 2 +-
 src/dashboardWebView/components/DataView/SortableContainer.tsx | 2 +-
 src/dashboardWebView/components/Layout/NavigationBar.tsx       | 2 +-
 src/dashboardWebView/styles.css                                | 1 +
 4 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/dashboardWebView/components/DataView/DataFormControls.tsx b/src/dashboardWebView/components/DataView/DataFormControls.tsx
index 27f74746..3601be66 100644
--- a/src/dashboardWebView/components/DataView/DataFormControls.tsx
+++ b/src/dashboardWebView/components/DataView/DataFormControls.tsx
@@ -17,7 +17,7 @@ export const DataFormControls: React.FunctionComponent<IDataFormControlsProps> =
   const { getColors } = useThemeColors();
 
   return (
-    <div className={`text-right border-t ${getColors(`border-gray-200 dark:border-vulcan-300`, `border-[var(--frontmatter-border)]`)}`}>
+    <div className={`text-right ${getColors(`border-gray-200 dark:border-vulcan-300`, `border-[var(--frontmatter-border)]`)}`}>
       <SubmitField value={model ? `Update` : `Add`} />
 
       <Button
diff --git a/src/dashboardWebView/components/DataView/SortableContainer.tsx b/src/dashboardWebView/components/DataView/SortableContainer.tsx
index 943dfc94..3cb141b8 100644
--- a/src/dashboardWebView/components/DataView/SortableContainer.tsx
+++ b/src/dashboardWebView/components/DataView/SortableContainer.tsx
@@ -10,7 +10,7 @@ export const Container = SortableContainer(
 
     return (
       <ul
-        className={`-mx-4 divide-y border-t border-b ${getColors(`divide-gray-200 dark:divide-vulcan-300 border-gray-200 dark:border-vulcan-300`, `divide-[var(--frontmatter-list-border)] border-[var(--frontmatter-list-border)]`)
+        className={`-mx-4 divide-y border-t border-b ${getColors(`divide-gray-200 dark:divide-vulcan-300 border-gray-200 dark:border-vulcan-300`, `divide-[var(--frontmatter-border)] border-[var(--frontmatter-border)]`)
           }`}
       >
         {children}
diff --git a/src/dashboardWebView/components/Layout/NavigationBar.tsx b/src/dashboardWebView/components/Layout/NavigationBar.tsx
index 376d3b26..d3873906 100644
--- a/src/dashboardWebView/components/Layout/NavigationBar.tsx
+++ b/src/dashboardWebView/components/Layout/NavigationBar.tsx
@@ -34,7 +34,7 @@ export const NavigationBar: React.FunctionComponent<INavigationBarProps> = ({
           )
             }`}
         >
-          <div>{children}</div>
+          {children}
         </div>
       </nav>
 
diff --git a/src/dashboardWebView/styles.css b/src/dashboardWebView/styles.css
index f9ec3a27..2f97091f 100644
--- a/src/dashboardWebView/styles.css
+++ b/src/dashboardWebView/styles.css
@@ -374,6 +374,7 @@
       input[type='submit'] {
         color: var(--vscode-button-foreground);
         background-color: var(--vscode-button-background);
+        @apply rounded;
 
         &:hover {
           background-color: var(--vscode-button-hoverBackground);