added pocketmoney default droplet

frontend/src/routes/[fam]/[username]/chores/+page.svelte

@@ -334,21 +334,6 @@
 							<button onclick={() => openEditTemplate(t)} class="edit-btn" title="Edit template"
 								>✎</button
 							>
-							<form
-								method="POST"
-								action="?/deleteTemplate"
-								use:enhance={() => {
-									return async ({ result, formData }) => {
-										if (result.type === 'success') {
-											const id = formData.get('id');
-											templates = templates.filter((t) => t.id !== id) as ChoreTemplate[];
-										}
-									};
-								}}
-							>
-								<input type="hidden" name="id" value={t.id} />
-								<button type="submit" class="del-btn" title="Delete template">×</button>
-							</form>
 						</div>
 					</div>
 				{/each}
@@ -542,7 +527,7 @@
 		<div class="modal" onclick={(e) => e.stopPropagation()} role="dialog">
 			<h3>Edit Template: {editingTemplate.name}</h3>
 			<p class="hint">Changes will also update all existing assigned chores using this template.</p>
-			<form method="POST" action="?/updateTemplate" use:enhance={enhanceUpdateTemplate}>
+			<form id="updateTplForm" method="POST" action="?/updateTemplate" use:enhance={enhanceUpdateTemplate}>
 				<input name="id" type="hidden" value={editingTemplate.id} />
 				<label>
 					Name
@@ -566,11 +551,35 @@
 					Default Value
 					<input name="defaultValue" type="number" step="any" bind:value={editTplValue} required />
 				</label>
-				<div class="modal-actions">
-					<button type="button" onclick={closeEditTemplate}>Cancel</button>
-					<button type="submit">Save</button>
-				</div>
 			</form>
+			<div class="modal-actions">
+				<button type="button" onclick={closeEditTemplate}>Cancel</button>
+				<form
+					method="POST"
+					action="?/deleteTemplate"
+					use:enhance={() => {
+						return async ({ result, formData }) => {
+							if (result.type === 'success') {
+								const id = formData.get('id');
+								templates = templates.filter((t) => t.id !== id) as ChoreTemplate[];
+								closeEditTemplate();
+							}
+						};
+					}}
+				>
+					<input type="hidden" name="id" value={editingTemplate.id} />
+					<button
+						type="submit"
+						class="delete-btn"
+						onclick={(e) => {
+							if (!confirm('Delete this template? This cannot be undone.')) {
+								e.preventDefault();
+							}
+						}}>Delete</button
+					>
+				</form>
+				<button type="submit" form="updateTplForm">Save</button>
+			</div>
 		</div>
 	</div>
 {/if}
@@ -780,7 +789,17 @@
 		display: grid;
 		gap: 0.5rem;
 		margin-bottom: 0.75rem;
-		grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
+		grid-template-columns: repeat(4, minmax(0, 1fr));
+	}
+	@media (max-width: 1100px) {
+		.template-list {
+			grid-template-columns: repeat(3, minmax(0, 1fr));
+		}
+	}
+	@media (max-width: 720px) {
+		.template-list {
+			grid-template-columns: repeat(2, minmax(0, 1fr));
+		}
 	}
 
 	/* ── Kanban (3 columns, scrolls via Card scrollX) ── */
@@ -1057,6 +1076,10 @@
 		background: #6366f1;
 		color: white;
 	}
+	.modal-actions button.delete-btn {
+		background: #dc2626;
+		color: white;
+	}
 
 	/* ── Accordion wrappers ── */
 	.accordion-wrapper {