fixed compilation, styling tweaks

Author: Lycoon

components/navbar/ScreenplayFormatDropdown.tsx

@@ -42,6 +42,7 @@ const ScreenplayFormatDropdown = () => {
         [ScreenplayElement.Section]: t("elements.section"),
         [ScreenplayElement.Note]: t("elements.note"),
         [ScreenplayElement.None]: t("elements.none"),
+        [ScreenplayElement.DualDialogue]: t("elements.dialogue"),
     };
 
     const TITLEPAGE_ELEMENT_LABELS: Record<TitlePageElement, string> = {

components/project/ProjectWorkspace.module.css

@@ -17,9 +17,9 @@
 }
 
 .right_sidebar_toggle {
-    flex-shrink: 0;
-    align-self: flex-start;
-    margin-top: 8px;
+    position: absolute;
+    top: 8px;
+    right: 30px;
     z-index: 5;
     width: 20px;
     height: 36px;

components/project/ProjectWorkspace.tsx

@@ -39,11 +39,11 @@ const ProjectWorkspace = () => {
                     suggestionData={suggestionData}
                     updateSuggestionData={updateSuggestionData}
                 />
-            </div>
 
-            {/* Right sidebar toggle */}
-            <div className={styles.right_sidebar_toggle} onClick={() => setRightSidebarOpen((prev) => !prev)}>
-                {rightSidebarOpen ? <ChevronRight size={14} /> : <ChevronLeft size={14} />}
+                {/* Right sidebar toggle */}
+                <div className={styles.right_sidebar_toggle} onClick={() => setRightSidebarOpen((prev) => !prev)}>
+                    {rightSidebarOpen ? <ChevronRight size={14} /> : <ChevronLeft size={14} />}
+                </div>
             </div>
 
             {/* Right sidebar */}