From 7807fa34f30f47ef3d7025bc4c804dbb9079c15a Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Fri, 16 Sep 2022 18:35:43 +0530
Subject: [PATCH] fix: long titles on non-mobile view (#1575)

---
 .../Components/FileView/FileViewWithoutProtection.tsx           | 2 +-
 packages/web/src/javascripts/Components/NoteView/NoteView.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/javascripts/Components/FileView/FileViewWithoutProtection.tsx b/packages/web/src/javascripts/Components/FileView/FileViewWithoutProtection.tsx
index 390aeb8d2..7b782964a 100644
--- a/packages/web/src/javascripts/Components/FileView/FileViewWithoutProtection.tsx
+++ b/packages/web/src/javascripts/Components/FileView/FileViewWithoutProtection.tsx
@@ -39,7 +39,7 @@ const FileViewWithoutProtection = ({ application, viewControllerManager, file }:
           <div className="flex h-8 items-center justify-between">
             <div className="flex flex-grow items-center">
               <MobileItemsListButton />
-              <div className="title overflow-auto">
+              <div className="title flex-grow overflow-auto">
                 <input
                   className="input text-lg"
                   id={ElementIds.FileTitleEditor}
diff --git a/packages/web/src/javascripts/Components/NoteView/NoteView.tsx b/packages/web/src/javascripts/Components/NoteView/NoteView.tsx
index 9b34b58d8..5040caae2 100644
--- a/packages/web/src/javascripts/Components/NoteView/NoteView.tsx
+++ b/packages/web/src/javascripts/Components/NoteView/NoteView.tsx
@@ -916,7 +916,7 @@ class NoteView extends PureComponent<NoteViewProps, State> {
             <div className="mb-2 flex flex-wrap items-start justify-between gap-2 md:mb-0 md:flex-nowrap md:gap-0 xl:items-center">
               <div className={classNames(this.state.noteLocked && 'locked', 'flex flex-grow items-center')}>
                 <MobileItemsListButton />
-                <div className="title overflow-auto">
+                <div className="title flex-grow overflow-auto">
                   <input
                     className="input text-lg"
                     disabled={this.state.noteLocked}