From eca816db8656956aaf0cf3b559b9427f18e485d5 Mon Sep 17 00:00:00 2001
From: nitsua <austin.w.best@gmail.com>
Date: Thu, 1 Oct 2020 14:44:47 -0400
Subject: [PATCH] Fix movie title stretching the add window

Fixes: #5096
---
 frontend/src/AddMovie/AddNewMovie/AddNewMovieModalContent.js | 2 +-
 frontend/src/Components/Form/RootFolderSelectInputOption.css | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/AddMovie/AddNewMovie/AddNewMovieModalContent.js b/frontend/src/AddMovie/AddNewMovie/AddNewMovieModalContent.js
index 018f87d65..474366cb7 100644
--- a/frontend/src/AddMovie/AddNewMovie/AddNewMovieModalContent.js
+++ b/frontend/src/AddMovie/AddNewMovie/AddNewMovieModalContent.js
@@ -186,7 +186,7 @@ class AddNewMovieModalContent extends Component {
             isSpinning={isAdding}
             onPress={this.onAddMoviePress}
           >
-            Add {title}
+            Add Movie
           </SpinnerButton>
         </ModalFooter>
       </ModalContent>
diff --git a/frontend/src/Components/Form/RootFolderSelectInputOption.css b/frontend/src/Components/Form/RootFolderSelectInputOption.css
index ebc8ddc54..86cba74bf 100644
--- a/frontend/src/Components/Form/RootFolderSelectInputOption.css
+++ b/frontend/src/Components/Form/RootFolderSelectInputOption.css
@@ -15,10 +15,12 @@
 
 .value {
   display: flex;
+  max-width: 500px;
 }
 
 .movieFolder {
-  flex: 0 0 auto;
+  @add-mixin truncate;
+
   color: $disabledColor;
 }