UI fixes

diff --git a/frontend/components/Toolbar.tsx b/frontend/components/Toolbar.tsx
index 4a3e89f3e022ce6755a660aa2cdbc54e9ff4e3f4..7daaac74c32cde86ab4f94438d10b3513a2e58e9 100644 (file)
--- 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 62fbc71916efcbf1923bd41418018f0a2d328d10..9135a9d9869236142cc333ca1c0d6be29f098435 100644 (file)
--- 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 {