From 09d47011e977ef988c1bee4c33cd8dceae161439 Mon Sep 17 00:00:00 2001
From: orlinmalkja <orlin.malkja@sub.uni-goettingen.de>
Date: Mon, 6 Jan 2025 17:27:39 +0100
Subject: [PATCH] fix: popover now covers the image action buttons

---
 src/components/CustomHTML.tsx            | 2 +-
 src/components/panel/PanelTopBar.tsx     | 4 ++--
 src/components/panel/TextViewsToggle.tsx | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/CustomHTML.tsx b/src/components/CustomHTML.tsx
index 35d73886..2413c956 100644
--- a/src/components/CustomHTML.tsx
+++ b/src/components/CustomHTML.tsx
@@ -24,7 +24,7 @@ const CustomHTML: FC<CustomHTMLProps> = ({ textHtml, width, icon }) => {
       const iconEls = ref.current.children
       if (iconEls && iconEls.length > 0) {
         iconEl = iconEls[0]
-        iconEl.classList.add('t-w-'+icon.width, 't-h-'+icon.height) 
+        iconEl.classList.add('t-w-' + icon.width, 't-h-' + icon.height) 
       }
     }
     }
diff --git a/src/components/panel/PanelTopBar.tsx b/src/components/panel/PanelTopBar.tsx
index fd8a5165..b5fe66ad 100644
--- a/src/components/panel/PanelTopBar.tsx
+++ b/src/components/panel/PanelTopBar.tsx
@@ -19,9 +19,9 @@ const PanelTopBar: FC <PanelTopBarProps>= ({panelId}) => {
     <div className="panel-top-bar t-mb-6 t-flex">
       <Popover>
         <PopoverTrigger className="open-tree-button t-h-8 t-w-10 t-relative">
-            <CustomHTML textHtml={tree} width="100" icon={{type: 'icon', width:5, height: 5}} />
+            <CustomHTML textHtml={tree} icon={{type: 'icon', width:6, height: 6}} />
         </PopoverTrigger>
-          <PopoverContent className="t-bg-white t-absolute">
+          <PopoverContent className="t-bg-white t-absolute t-z-10">
               <div className="t-flex t-flex-col t-pt-4 t-pl-3 t-w-80 t-shadow-md t-border-[1px] t-border-solid t-border-gray-300 t-rounded-md">
                 <span className="t-font-bold">
                   Enter a collection/manifest Url
diff --git a/src/components/panel/TextViewsToggle.tsx b/src/components/panel/TextViewsToggle.tsx
index 4759dbe2..53bcae4f 100644
--- a/src/components/panel/TextViewsToggle.tsx
+++ b/src/components/panel/TextViewsToggle.tsx
@@ -35,12 +35,12 @@ const TextViewsToggle: FC <TextViewsToggleProps>= ({panelId}) => {
   const buttons =
   Object.keys(textViewsIcons).map((title, i) => (
         <button
-            className="t-px-0.5 t-py-1 t-w-7 t-h-7  t-rounded t-mr-3"
+            className="t-px-1 t-py-1 t-w-7 t-h-7  t-rounded t-mr-3"
             key={i}
             onClick={(e) => handleTextViewClick(e, i)}
             style={{'backgroundColor':(textViewIndex === i) ? '#E5E7EB': 'transparent'}}
         >
-            <CustomHTML textHtml={textViewsIcons[title as keyof IconKeys]} icon={{type:'icon', width: 6, height:5}} />
+            <CustomHTML textHtml={textViewsIcons[title as keyof IconKeys]} icon={{type:'icon', width: 3, height:2}} />
         </button>
     ));