clear button

src/lib/calculator/Calculator.svelte

@@ -181,6 +181,11 @@
         save();
     }
 
+    function clear() {
+        commissions = [];
+        save();
+    }
+
     onMount(() => {
         setup();
     });
@@ -196,14 +201,11 @@
     </section>
 
     <section class="container bg-slate-800 rounded-lg shadow-lg p-5 flex flex-col w-full gap-10">
-        <div class="flex justify-between -ml-2 -mr-2">
+        <div class="flex gap-1 flex-wrap -ml-2 -mr-2">
-            <div class="w-full flex gap-3">
+            <span class="flex-grow"><Button added_classes="w-full" on:click={createNew}>➕ Add Commission</Button></span>
-                <span><Button on:click={createNew}>➕ Add Commission</Button></span>
+            <span><Button on:click={save}>💾 Save to Clipboard</Button></span>
-            </div>
+            <span><Button on:click={load}>📋 Load from Clipboard</Button></span>
-            <div class="w-full flex justify-end gap-3">
+            <span><Button on:click={clear}>❌ Clear</Button></span>
-                <span><Button on:click={save}>💾 Save to Clipboard</Button></span>
-                <span><Button on:click={load}>📋 Load from Clipboard</Button></span>
-            </div>
         </div>
 
         <div class="flex items-center justify-between">