src/assets/views/utils/Form.svelte

@@ -11,6 +11,8 @@
     export let submitText: string;
     export let submitIcon: string;
     export let submitClass: string = undefined;
+    export let isBoldSubmit: boolean = true;
+    export let resetButton: boolean = false;
     export let confirm: string = undefined;
 
     const formId = nextAvailableFormId++;
@@ -23,10 +25,27 @@
     }
 </script>
 
+<style lang="scss">
+    .form-controls {
+        display: flex;
+        justify-content: space-between;
+
+        > :last-child:not(* + :last-child) {
+            margin-left: auto;
+            margin-right: auto;
+        }
+    }
+</style>
+
 <form {action} method="POST" id="{formId}-form" on:submit={handleSubmit}>
     <CsrfTokenField/>
     <slot/>
-    <button type="submit" class={submitClass}>
+    <div class="form-controls">
+        {#if resetButton}
+            <button type="reset"><Icon name="trash"/>Reset</button>
+        {/if}
+
+        <button type="submit" class={submitClass} class:bold={isBoldSubmit}>
             {#if submitIcon}
                 <Icon name={submitIcon}/>
             {/if}
@@ -36,4 +55,5 @@
                 {submitText}
             {/if}
         </button>
+    </div>
 </form>