From 0fe35d06bc83af97945a7611cbc77138b045b532 Mon Sep 17 00:00:00 2001
From: Christoph Wurst <christoph@winzerhof-wurst.at>
Date: Wed, 8 Jan 2020 16:52:25 +0100
Subject: Make the transfer ownership input a bit wider

Fixes #18625

Signed-off-by: Christoph Wurst <christoph@winzerhof-wurst.at>
---
 .../src/components/TransferOwnershipDialogue.vue   | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

(limited to 'apps/files/src/components')

diff --git a/apps/files/src/components/TransferOwnershipDialogue.vue b/apps/files/src/components/TransferOwnershipDialogue.vue
index 5d69ed0dbf1..d24eb78e692 100644
--- a/apps/files/src/components/TransferOwnershipDialogue.vue
+++ b/apps/files/src/components/TransferOwnershipDialogue.vue
@@ -33,7 +33,7 @@
 				</button>
 				<span class="error">{{ directoryPickerError }}</span>
 			</p>
-			<p>
+			<p class="new-owner-row">
 				<label>
 					<span>{{ t('files', 'New owner') }}</span>
 					<Multiselect
@@ -217,7 +217,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .middle-align {
 	vertical-align: middle;
 }
@@ -225,4 +225,22 @@ p {
 	margin-top: 12px;
 	margin-bottom: 12px;
 }
+.new-owner-row {
+	display: flex;
+
+	label {
+		display: flex;
+		align-items: center;
+		flex-grow: 1;
+
+		span {
+			margin-right: 8px;
+		}
+
+		.multiselect {
+			flex-grow: 1;
+			max-width: 280px;
+		}
+	}
+}
 </style>
-- 
cgit v1.2.3