rework buttons

src/market/MarketResultTable.vue

@@ -14,6 +14,7 @@ interface Props {
 
 interface Emits {
     (e: 'relaod', type: MarketType): void;
+    (e: 'relaodAll'): void;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -44,13 +45,20 @@ const { sortedArray, headerProps } = useSort(computed(() => props.items
 </script>
 
 <template>
-    <div class="grid grid-cols-1 mb-2 mt-4 ms-auto">
+    <div class="flex">
+        <div class="flex justify-self-end mb-2 mt-4 ms-auto">
         <div class="justify-self-end ms-2">
             <span>Days: </span>
             <input type="number" min="1" max="365" step="1" v-model="days" />
-            <span class="ms-2">Filter: </span>
+        </div>
+        <div class="justify-self-end ms-2">
+            <span>Filter: </span>
             <input type="text" class="w-96" v-model="filter" >
         </div>
+        <div class="justify-self-end ms-2">
+            <button class="flex" @click="$emit('relaodAll')"><ArrowPathIcon class="h-6 w-6 me-2" />Reload all</button>
+        </div>
+    </div>
     </div>
     <table>
         <thead>