From 36097cbc8d6d49a3a644c69d88c0b738cc022cfe Mon Sep 17 00:00:00 2001
From: Thomas Gauvin <thomasgauvin.cu@gmail.com>
Date: Sat, 25 May 2024 16:57:40 -0400
Subject: [PATCH] minor ui fix (spacing and margin)

---
 package.json                                                | 2 +-
 "sample-markdown-folder/\342\234\205 Todo list.md"          | 6 ++++--
 .../FileSystemAdapters/FileSystem/WorkspaceSelector.tsx     | 4 ++--
 src/components/MarkdownEditor/RemirrorMarkdownEditor.tsx    | 1 +
 src/components/ui/ResizableSidebar.tsx                      | 2 +-
 src/pages/Editor.tsx                                        | 5 +----
 6 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index 9ea9287..f8f3f42 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite --host",
+    "dev": "vite",
     "build": "vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"
diff --git "a/sample-markdown-folder/\342\234\205 Todo list.md" "b/sample-markdown-folder/\342\234\205 Todo list.md"
index b4c047d..0edc62d 100644
--- "a/sample-markdown-folder/\342\234\205 Todo list.md"	
+++ "b/sample-markdown-folder/\342\234\205 Todo list.md"	
@@ -84,13 +84,15 @@
     
 *   Make it so that you can start editing and save later (maybe make it a zip on unsupported devices)
     
-*   Make it mobile UI responsive
+*   Make it mobile UI responsive <-- 🟡⬅️
     
-*   Have the UI have top level folders as sections
+*   After entering the title, click enter, and then it deselects, kinda annoying (upon note creation)
     
 
 ### P1
 
+*   Have the UI have top level folders as sections
+    
 *   Support ignoring frontmatter ✅
     
 *   Add support for Google Drive, GitHub syncing
diff --git a/src/components/FileSystemAdapters/FileSystem/WorkspaceSelector.tsx b/src/components/FileSystemAdapters/FileSystem/WorkspaceSelector.tsx
index 852b6c1..349c1cd 100644
--- a/src/components/FileSystemAdapters/FileSystem/WorkspaceSelector.tsx
+++ b/src/components/FileSystemAdapters/FileSystem/WorkspaceSelector.tsx
@@ -110,7 +110,7 @@ export function WorkspaceSelector({
             <div className="my-4">
               <Separator.Root className="bg-zinc-200 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full my-[15px]" />
             </div>
-            <div className="flex flex-row items-center justify-between">
+            {/* <div className="flex flex-row items-center justify-between">
               <Button
                 onClick={handleDecideLater}
                 className="rounded w-full hover:border-zinc-200"
@@ -118,7 +118,7 @@ export function WorkspaceSelector({
               >
                 Decide Later
               </Button>
-            </div>
+            </div> */}
           </div>
         </div>
       </div>
diff --git a/src/components/MarkdownEditor/RemirrorMarkdownEditor.tsx b/src/components/MarkdownEditor/RemirrorMarkdownEditor.tsx
index 89b6b07..7503807 100644
--- a/src/components/MarkdownEditor/RemirrorMarkdownEditor.tsx
+++ b/src/components/MarkdownEditor/RemirrorMarkdownEditor.tsx
@@ -124,6 +124,7 @@ export const RemirrorMarkdownEditor: FC<
         "overflow-hidden",
         "outline-none",
         "prose",
+        "max-w-3xl",
         "md:prose-base",
         "prose-sm",
         "prose-zinc",
diff --git a/src/components/ui/ResizableSidebar.tsx b/src/components/ui/ResizableSidebar.tsx
index 5b34b7b..7ca15bd 100644
--- a/src/components/ui/ResizableSidebar.tsx
+++ b/src/components/ui/ResizableSidebar.tsx
@@ -41,7 +41,7 @@ const MyComponent = ({
 
   return (
     <div
-      className={`md:static fixed z-40 h-full flex flex-1 ${
+      className={`md:static grow-0 fixed z-40 h-full flex flex-1 ${
         hidden ? "hidden" : ""
       }`}
       style={style}
diff --git a/src/pages/Editor.tsx b/src/pages/Editor.tsx
index 3d1d6cc..d8c4236 100644
--- a/src/pages/Editor.tsx
+++ b/src/pages/Editor.tsx
@@ -50,12 +50,9 @@ export const EditorPage: React.FC = () => {
         //I am using ! to signify important such that the class overrides the style because
         //the style needs to be in line since it relies on width state and cannot be outside
         //in css
-        className={`flex flex-1 h-full w-full relative
+        className={`flex flex-1 h-full w-full relative grow
           ${panelIsOpen ? `-md:!max-w-full` : ""}
         `}
-        style={{
-          maxWidth: `${panelIsOpen ? `calc(100% - ${width / 16}rem)` : "100%"}`,
-        }}
       >
         <div
           className={`flex-1 flex flex-col md:overflow-y-scroll