fix rerender by keys, disable resolution select if no resampling active

web/frontend/src/Systems.root.svelte

@@ -93,7 +93,7 @@
 </script>
 
 <!-- ROW1: Tools-->
-<Row cols={{ xs: 2, lg: !displayNodeOverview ? 5 : 4 }} class="mb-3">
+<Row cols={{ xs: 2, lg: !displayNodeOverview ? (resampleConfig ? 5 : 4) : 4 }} class="mb-3">
   {#if $initq.data}
     <!-- List Metric Select Col-->
     {#if !displayNodeOverview}
@@ -110,6 +110,7 @@
           </Button>
         </InputGroup>
       </Col>
+      {#if resampleConfig}
         <Col>
           <InputGroup>
             <InputGroupText><Icon name="plus-slash-minus" /></InputGroupText>
@@ -124,6 +125,7 @@
           </InputGroup>
         </Col>
       {/if}
+    {/if}
     <!-- Node Col-->
     <Col class="mt-2 mt-lg-0">
       <InputGroup>

web/frontend/src/systems/NodeList.svelte

@@ -181,6 +181,9 @@
             style="padding-top: {headerPaddingTop}px;"
           >
             {cluster} Node Info
+            {#if $nodesQuery.fetching}
+              <Spinner size="sm" style="margin-left:10px;" secondary />
+            {/if}
           </th>
 
           {#each selectedMetrics as metric (metric)}

web/frontend/src/systems/nodelist/NodeListRow.svelte

@@ -133,6 +133,7 @@
     {/if}
   </td>
   {#each refinedData as metricData (metricData.data.name)}
+    {#key metricData}
       <td>
         {#if metricData?.disabled}
           <Card body class="mx-3" color="info"
@@ -181,5 +182,6 @@
             />
         {/if}
       </td>
+    {/key}
   {/each}
 </tr>