From 96b552b39c6ee1dded5a85b9f4ae2bf94b269240 Mon Sep 17 00:00:00 2001
From: Jake Fulmine <jake.fulminated@gmail.com>
Date: Mon, 28 Nov 2022 17:28:11 +0100
Subject: [PATCH] tweak(dashboard): add margins to template buttons

---
 dashboard/src/components/group/Edit.svelte  | 6 +++---
 dashboard/src/components/member/Edit.svelte | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/dashboard/src/components/group/Edit.svelte b/dashboard/src/components/group/Edit.svelte
index ff3ddf8d..a4b384d5 100644
--- a/dashboard/src/components/group/Edit.svelte
+++ b/dashboard/src/components/group/Edit.svelte
@@ -128,13 +128,13 @@
 <div class="my-2">
     <b>Description:</b><br />
     {#if descriptions.length > 0 && descriptions[0].trim() != ""}
-    <Button size="sm" color="primary" on:click={() => input.description = descriptions[0]} aria-label="use template 1">Template 1</Button>
+    <Button size="sm" class="mb-2" color="primary" on:click={() => input.description = descriptions[0]} aria-label="use template 1">Template 1</Button>
     {/if}
     {#if descriptions.length > 1 && descriptions[1].trim() != ""}
-    <Button size="sm" color="primary" on:click={() => input.description = descriptions[1]} aria-label="use template 2">Template 2</Button>
+    <Button size="sm" class="mb-2" color="primary" on:click={() => input.description = descriptions[1]} aria-label="use template 2">Template 2</Button>
     {/if}
     {#if descriptions.length > 2 && descriptions[2].trim() != ""}
-    <Button size="sm" color="primary" on:click={() => input.description = descriptions[2]} aria-label="use template 3">Template 3</Button>
+    <Button size="sm" class="mb-2" color="primary" on:click={() => input.description = descriptions[2]} aria-label="use template 3">Template 3</Button>
     {/if}
     <br>
     <textarea class="form-control" bind:value={input.description} maxlength={1000} use:autoresize placeholder={group.description} aria-label="group description"/>
diff --git a/dashboard/src/components/member/Edit.svelte b/dashboard/src/components/member/Edit.svelte
index e8be3c2f..4b7df0b9 100644
--- a/dashboard/src/components/member/Edit.svelte
+++ b/dashboard/src/components/member/Edit.svelte
@@ -161,13 +161,13 @@
 <div class="my-2">
     <b>Description:</b><br />
     {#if descriptions.length > 0 && descriptions[0].trim() != ""}
-    <Button size="sm" color="primary" on:click={() => input.description = descriptions[0]} aria-label="use template 1">Template 1</Button>
+    <Button size="sm" class="mb-2" color="primary" on:click={() => input.description = descriptions[0]} aria-label="use template 1">Template 1</Button>
     {/if}
     {#if descriptions.length > 1 && descriptions[1].trim() != ""}
-    <Button size="sm" color="primary" on:click={() => input.description = descriptions[1]} aria-label="use template 2">Template 2</Button>
+    <Button size="sm" class="mb-2" color="primary" on:click={() => input.description = descriptions[1]} aria-label="use template 2">Template 2</Button>
     {/if}
     {#if descriptions.length > 2 && descriptions[2].trim() != ""}
-    <Button size="sm" color="primary" on:click={() => input.description = descriptions[2]} aria-label="use template 3">Template 3</Button>
+    <Button size="sm" class="mb-2" color="primary" on:click={() => input.description = descriptions[2]} aria-label="use template 3">Template 3</Button>
     {/if}
     <br>
     <textarea class="form-control" bind:value={input.description} maxlength={1000} use:autoresize placeholder={member.description} aria-label="member description"/>