Stop the remove standard activity button from wrapping around and landing right next to the register button

2026-05-22 12:41:20 +02:00
parent 1002e908fa
commit ef7b4bb2bd
2 changed files with 14 additions and 4 deletions
@@ -57,16 +57,20 @@
 					<template x-for="activityTemplate in $store.state.data.activityTemplates" :key="activityTemplate.id">
 						<p x-data="{ clicked: false }">
 							<template x-if="clicked">
-								<div>
+								<div class="registered-grid">
 									<button disabled="true">Tur registrert!</button>
 									<span x-text="`${activityTemplate.name}, ${activityTemplate.activityType.name.toLowerCase()}, ${activityTemplate.numberOfUnits} ${activityTemplate.activityType.unit}`" style="color: green; text-shadow: 1px 1px 2px greenyellow;"></span>
 								</div>
 							</template>
 							<template x-if="!clicked">
-								<div>
-									<button x-on:click="$store.state.registerTemplateActivity(activityTemplate); clicked=true; setTimeout(() => {clicked = false;}, 1000)">Registrer</button>
+								<div class="registered-grid">
+									<span>
+										<button x-on:click="$store.state.registerTemplateActivity(activityTemplate); clicked=true; setTimeout(() => {clicked = false;}, 1000)">Registrer</button>
+									</span>
 									<span x-text="`${activityTemplate.name}, ${activityTemplate.activityType.name.toLowerCase()}, ${activityTemplate.numberOfUnits} ${activityTemplate.activityType.unit}`"></span>
-									<button x-on:click="$store.state.deleteTemplateActivity(activityTemplate)">Fjern</button>
+									<span>
+										<button x-on:click="$store.state.deleteTemplateActivity(activityTemplate)">Fjern</button>
+									</span>
 								</div>
 							</template>
 						</p>