Fix close button and some title bar css

package.json

@@ -1,7 +1,7 @@
 {
   "name": "wplace-tile-dump",
   "private": true,
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/App.svelte

@@ -6,7 +6,7 @@
 
     let handle;
     let tiles = $state(new Set([]));
-    let show = $state(true);
+    let open = $state(true);
 
     const dragOptions = {
         bounds: 'body',
@@ -34,7 +34,7 @@
             <h2 class="title">Tiles</h2>
         </div>
         <div class="bar-end">
-            <button>
+            <button onclick={() => {open = !open}}>
                 <svg inline-src="./assets/cross.svg" />
             </button>
         </div>
@@ -76,14 +76,12 @@
         display: flex;
         flex-flow: row nowrap;
         justify-content: space-between;
-        padding: 0 5px;
 
         cursor: grab;
         color: white;
         background-color: var(--tile-dumper-primary); 
 
 
-
         h2 {
             display: inline-block;
             font-weight: bold;
@@ -92,10 +90,20 @@
         .bar-start,
         .bar-end {
             display: flex;
-            justify-content: center;
             align-items: center;
         }
 
+        .bar-start {
+            flex: 1 0 max-content;
+            padding-left: 5px;
+            justify-content: flex-start;
+        }
+
+        .bar-end {
+            flex: 0 1 min-content;
+            padding-right: 5px;
+            justify-content: flex-end;
+        }
 
         svg {
             color: white;