From 97cbc393037b4101c0207c6d7056ddad6e87db51 Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Thu, 31 Aug 2023 20:02:13 +0300
Subject: [PATCH] explorer styles

---
 src/js/views/explorer/ExplorerNode.tsx        | 6 ++++--
 src/js/views/explorer/ExplorerNodeEditRow.tsx | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/js/views/explorer/ExplorerNode.tsx b/src/js/views/explorer/ExplorerNode.tsx
index 363d98fb..3c66e7af 100644
--- a/src/js/views/explorer/ExplorerNode.tsx
+++ b/src/js/views/explorer/ExplorerNode.tsx
@@ -50,19 +50,21 @@ export default function ExplorerNode({
   const rowColor = parentCounter % 2 === 0 ? 'bg-gray-800' : 'bg-gray-700';
   const displayName = name || node.id.split('/').pop()!;
 
+  const paddingLeft = `${level * 15 + (isDirectory ? 0 : 16)}px`;
+
   return (
     <div className={`relative w-full ${rowColor}`}>
       <div
         className={`flex items-center text-white ${isDirectory ? 'cursor-pointer' : ''}`}
         onClick={toggleOpen}
-        style={{ paddingLeft: `${level * 15}px` }}
+        style={{ paddingLeft }}
       >
         <Show when={isDirectory}>
           <ChevronRightIcon
             className={`w-4 h-4 transition ${isOpen ? 'transform rotate-90' : ''}`}
           />
         </Show>
-        <span className="ml-2 w-1/3 truncate">{displayName}</span>
+        <span className="ml-1 w-1/3 truncate">{displayName}</span>
         <Show when={!isDirectory}>
           <div className="ml-auto w-1/2">
             <ExplorerNodeValue
diff --git a/src/js/views/explorer/ExplorerNodeEditRow.tsx b/src/js/views/explorer/ExplorerNodeEditRow.tsx
index ed4ccad9..d2b2a44b 100644
--- a/src/js/views/explorer/ExplorerNodeEditRow.tsx
+++ b/src/js/views/explorer/ExplorerNodeEditRow.tsx
@@ -40,7 +40,7 @@ export const ExplorerNodeEditRow = ({ level, parent }: EditRowProps) => {
   };
 
   return (
-    <div style={{ paddingLeft: `${(level + 1) * 15}px` }}>
+    <div className="pb-1" style={{ paddingLeft: `${level * 15 + 9}px` }}>
       <div className="flex flex-row items-center gap-4">
         <a className={`link text-sm ${showDirForm ? 'underline' : ''}`} onClick={toggleDirForm}>
           New Directory