reorder toolbar: sync, health, multiselect, refresh

room_cal/vue/calendar.html

@@ -663,15 +663,15 @@
       <button class="icon-btn" :class="{ 'is-on': syncEnabled }" @click="toggleSync" title="Toggle sync mode">
         <span class="iconify" data-icon="mdi:sync"></span>
       </button>
+      <button class="icon-btn" :class="`is-health-${healthStatus}`" @click="runHealthCheck" :disabled="healthStatus === 'checking'" :title="healthTitle">
+        <span class="iconify" data-icon="mdi:heart-cog"></span>
+      </button>
       <button class="icon-btn" :class="{ 'is-on': bulkEnabled }" @click="toggleBulk" title="Bulk edit mode">
         <span class="iconify" data-icon="mdi:calendar-multiselect"></span>
       </button>
       <button class="icon-btn" :disabled="fixBusy['reload']" @click="reloadCaches()" title="Reload calendar data">
         <span class="iconify" data-icon="mdi:refresh"></span>
       </button>
-      <button class="icon-btn" :class="`is-health-${healthStatus}`" @click="runHealthCheck" :disabled="healthStatus === 'checking'" :title="healthTitle">
-        <span class="iconify" data-icon="mdi:heart-cog"></span>
-      </button>
     </div>
   </div>