From f22942e883ac4f6e52f8e8b4e88f8fab29ef3362 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sat, 28 Nov 2020 16:02:38 +0100
Subject: [PATCH] Fix repeat after layout

---
 src/components/tasks/partials/repeatAfter.vue | 44 ++++++++++---------
 src/styles/theme/theme.scss                   |  4 ++
 2 files changed, 27 insertions(+), 21 deletions(-)

diff --git a/src/components/tasks/partials/repeatAfter.vue b/src/components/tasks/partials/repeatAfter.vue
index e77459ca3..f2d7ba8ff 100644
--- a/src/components/tasks/partials/repeatAfter.vue
+++ b/src/components/tasks/partials/repeatAfter.vue
@@ -1,26 +1,28 @@
 <template>
 	<div class="control repeat-after-input columns">
-		<p class="column is-1">
-			Each
-		</p>
-		<div class="column is-7 field has-addons">
-			<div class="control">
-				<input
-					:disabled="disabled"
-					@change="updateData"
-					class="input"
-					placeholder="Specify an amount..."
-					v-model="repeatAfter.amount"/>
-			</div>
-			<div class="control">
-				<div class="select">
-					<select :disabled="disabled" @change="updateData" v-model="repeatAfter.type">
-						<option value="hours">Hours</option>
-						<option value="days">Days</option>
-						<option value="weeks">Weeks</option>
-						<option value="months">Months</option>
-						<option value="years">Years</option>
-					</select>
+		<div class="is-flex column">
+			<p class="pr-4">
+				Each
+			</p>
+			<div class="field has-addons is-fullwidth">
+				<div class="control">
+					<input
+						:disabled="disabled"
+						@change="updateData"
+						class="input"
+						placeholder="Specify an amount..."
+						v-model="repeatAfter.amount"/>
+				</div>
+				<div class="control">
+					<div class="select">
+						<select :disabled="disabled" @change="updateData" v-model="repeatAfter.type">
+							<option value="hours">Hours</option>
+							<option value="days">Days</option>
+							<option value="weeks">Weeks</option>
+							<option value="months">Months</option>
+							<option value="years">Years</option>
+						</select>
+					</div>
 				</div>
 			</div>
 		</div>
diff --git a/src/styles/theme/theme.scss b/src/styles/theme/theme.scss
index ce6bb7bb3..2680ffc61 100644
--- a/src/styles/theme/theme.scss
+++ b/src/styles/theme/theme.scss
@@ -94,3 +94,7 @@ button.table {
 .has-no-shadow {
   box-shadow: none !important;
 }
+
+.is-fullwidth {
+  width: 100%;
+}