aboutsummaryrefslogtreecommitdiff
path: root/extension/src/components/FolderButton.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'extension/src/components/FolderButton.tsx')
-rw-r--r--extension/src/components/FolderButton.tsx8
1 files changed, 5 insertions, 3 deletions
diff --git a/extension/src/components/FolderButton.tsx b/extension/src/components/FolderButton.tsx
index 2d7cc9e..42e5d60 100644
--- a/extension/src/components/FolderButton.tsx
+++ b/extension/src/components/FolderButton.tsx
@@ -15,11 +15,13 @@ function FolderButton(props: {data: BookmarkTreeNode}) {
return(
<>
- <a className={"bookmark draggable"} onClick={() => setFolderOpen(!folderOpen)}>
- <img alt="Folder icon" src={folderOpen ? folderIconOpen : folderIcon}/>
+ <a className="bookmark draggable" onClick={() => setFolderOpen(!folderOpen)}>
+ <div className="icon-box">
+ <img alt="Folder icon" src={folderOpen ? folderIconOpen : folderIcon}/>
+ </div>
<span>{props.data.title}</span>
</a>
- { folderOpen
+ {folderOpen
&& props.data.children
&& props.data.children.length > 0
&& (<FolderBody data={props.data}/>)}