Fix repeat after layout

src/components/tasks/partials/repeatAfter.vue

@@ -1,9 +1,10 @@
 <template>
 	<div class="control repeat-after-input columns">
-		<p class="column is-1">
+		<div class="is-flex column">
+			<p class="pr-4">
 				Each
 			</p>
-		<div class="column is-7 field has-addons">
+			<div class="field has-addons is-fullwidth">
 				<div class="control">
 					<input
 						:disabled="disabled"
@@ -24,6 +25,7 @@
 					</div>
 				</div>
 			</div>
+		</div>
 		<fancycheckbox
 			:disabled="disabled"
 			@change="updateData"

src/styles/theme/theme.scss

@@ -94,3 +94,7 @@ button.table {
 .has-no-shadow {
   box-shadow: none !important;
 }
+
+.is-fullwidth {
+  width: 100%;
+}