From 6777193019a7cfaf47183ff4df2180bed256347c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakob=20R=C3=B6hrl?= <jakob.roehrl@web.de>
Date: Mon, 11 May 2020 13:03:47 +0200
Subject: [PATCH] fix move card modal
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Jakob Röhrl <jakob.roehrl@web.de>
---
 src/components/cards/CardBadges.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/cards/CardBadges.vue b/src/components/cards/CardBadges.vue
index e675b82a1..35f5ab10d 100644
--- a/src/components/cards/CardBadges.vue
+++ b/src/components/cards/CardBadges.vue
@@ -53,16 +53,19 @@
 				</ActionButton>
 			</Actions>
 		</div>
-		<Modal v-if="modalShow" title="Move card to another board" @close="modalShow=false">
+		<Modal v-if="modalShow" :title="t('deck', 'Move card to another board')" @close="modalShow=false">
 			<div class="modal__content">
+				<h3>{{ t('deck', 'Move card to another board') }}</h3>
 				<Multiselect v-model="selectedBoard"
 					:placeholder="t('deck', 'Select a board')"
 					:options="boards"
+					:max-height="100"
 					label="title"
 					@select="loadStacksFromBoard" />
 				<Multiselect v-model="selectedStack"
 					:placeholder="t('deck', 'Select a stack')"
 					:options="stacksFromBoard"
+					:max-height="100"
 					label="title" />
 
 				<button :disabled="!isBoardAndStackChoosen" class="primary" @click="moveCard">
@@ -240,9 +243,9 @@ export default {
 	.modal__content {
 		width: 25vw;
 		min-width: 250px;
-		height: 120px;
+		min-height: 120px;
 		text-align: center;
-		margin: 20px 20px 60px 20px;
+		margin: 20px 20px 100px 20px;
 
 		.multiselect {
 			margin-bottom: 10px;
@@ -251,5 +254,6 @@ export default {
 
 	.modal__content button {
 		float: right;
+		margin-top: 50px;
 	}
 </style>