From: Eric Wertz <ericwertz@Erics-MacBook-Pro.local>
Date: Tue, 10 Jun 2025 02:10:21 +0000 (-0400)
Subject: UI fixes
X-Git-Url: https://ericdwertz.com/git/?a=commitdiff_plain;h=refs%2Fheads%2Fmain;p=listv4.git

UI fixes
---

diff --git a/frontend/components/Toolbar.tsx b/frontend/components/Toolbar.tsx
index 4a3e89f..7daaac7 100644
--- a/frontend/components/Toolbar.tsx
+++ b/frontend/components/Toolbar.tsx
@@ -30,6 +30,7 @@ export const Toolbar = ({ buttons, onMenuClick }: ToolbarProps) => {
             }
 
             if( window.visualViewport?.width && window.visualViewport.width > 480) {
+                toolbarRef.current.style.transform = `translate( 0px, 0px)`;
                 return;
             }
 
diff --git a/frontend/styles.css b/frontend/styles.css
index 62fbc71..9135a9d 100644
--- a/frontend/styles.css
+++ b/frontend/styles.css
@@ -202,14 +202,15 @@ li {
 }
 
 li > div[contenteditable] {
-    margin: 0.25rem 0;
+    margin: 0 0;
     padding: 0.125rem;
     border-radius: 0.5rem;
     border: 1px solid transparent;
     transition: all 0.2s ease;
     min-height: 1.2em;
     outline: none;
-    display: block;
+    display: inline-block;
+    vertical-align: top;
 }
 
 li > div[contenteditable]:focus {
@@ -224,7 +225,7 @@ li > div[contenteditable]:hover {
 
 /* Indentation levels using CSS custom properties */
 li {
-    --indent-size: 1.5rem;
+    line-height: 1.5;
 }
 
 .list-item-level-0 {