From ef7b4bb2bd712b5a0bc245b7a7a4dc32d3331bcf Mon Sep 17 00:00:00 2001
From: Martin Asprusten <martin.asprusten@ffi.no>
Date: Fri, 22 May 2026 12:41:20 +0200
Subject: [PATCH] Stop the remove standard activity button from wrapping around
 and landing right next to the register button

---
 client/index.html    | 12 ++++++++----
 client/src/style.css |  6 ++++++
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/client/index.html b/client/index.html
index 46c9906..e208786 100644
--- a/client/index.html
+++ b/client/index.html
@@ -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>
diff --git a/client/src/style.css b/client/src/style.css
index 4307df0..1a33c9f 100644
--- a/client/src/style.css
+++ b/client/src/style.css
@@ -84,6 +84,12 @@ body {
 	line-height: 1.8;
 }
 
+.registered-grid {
+	display: grid;
+	grid-template-columns: fit-content(90px) auto fit-content(90px);
+	gap: 5px;
+}
+
 .remove-button-cell {
 	text-align: center;
 }