From 61ae29c37aad35de1927604489fd46ee9bfbec84 Mon Sep 17 00:00:00 2001
From: Elio Struyf <elio@struyfconsulting.be>
Date: Wed, 23 Oct 2024 09:28:03 +0200
Subject: [PATCH] Style changes

---
 assets/media/styles.css                     | 3 ++-
 src/panelWebView/hooks/useDropdownStyle.tsx | 2 +-
 src/panelWebView/styles.css                 | 4 ++++
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/assets/media/styles.css b/assets/media/styles.css
index ac923692..ae759269 100644
--- a/assets/media/styles.css
+++ b/assets/media/styles.css
@@ -131,7 +131,8 @@
 }
 
 .article__tags__dropbox.open {
-  border: 1px solid rgba(0, 0, 0, 0.9);
+  border: 1px solid var(--vscode-focusBorder);
+  width: 100%;
 }
 
 .article__tags ul {
diff --git a/src/panelWebView/hooks/useDropdownStyle.tsx b/src/panelWebView/hooks/useDropdownStyle.tsx
index fb280984..e86ff02b 100644
--- a/src/panelWebView/hooks/useDropdownStyle.tsx
+++ b/src/panelWebView/hooks/useDropdownStyle.tsx
@@ -1,7 +1,7 @@
 import { useCallback } from 'react';
 
 export default function useDropdownStyle(inputRef: React.MutableRefObject<HTMLInputElement | null>, inputHeight?: string) {
-  const bottomStyle = `calc(100% - ${inputHeight || '38px'})`;
+  const bottomStyle = `calc(100% - ${inputHeight || '5px'})`;
   const listItemHeight = 28;
 
   const getDropdownStyle = useCallback((isOpen) => {
diff --git a/src/panelWebView/styles.css b/src/panelWebView/styles.css
index 5216d4fe..2d7ae8e6 100644
--- a/src/panelWebView/styles.css
+++ b/src/panelWebView/styles.css
@@ -839,6 +839,8 @@ vscode-divider {
   bottom: 0;
   width: auto;
 
+  border-radius: 0 0.25rem 0.25rem 0;
+
   &:disabled {
     background: none;
     filter: brightness(100%);
@@ -947,6 +949,8 @@ vscode-divider {
   display: flex;
   align-items: center;
 
+  border-radius: 0 0.25rem 0.25rem 0;
+
   span {
     margin-right: 0.5rem;
     font-size: 0.8rem;