From fc260b2291b874307d6869a430387c60851d6510 Mon Sep 17 00:00:00 2001
From: Christoph Kluge <christoph.kluge@fau.de>
Date: Thu, 28 Mar 2024 17:26:31 +0100
Subject: [PATCH] fix number of cols to prevent uplot overflow

-relates to Broken layout  in status view for roofline plot #225
---
 web/frontend/src/Status.root.svelte | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/frontend/src/Status.root.svelte b/web/frontend/src/Status.root.svelte
index b5ccec0..4121ead 100644
--- a/web/frontend/src/Status.root.svelte
+++ b/web/frontend/src/Status.root.svelte
@@ -315,7 +315,7 @@
 
 <!-- Loading indicator & Refresh -->
 
-<Row>
+<Row cols={3}>
   <Col xs="auto" style="align-self: flex-end;">
     <h4 class="mb-0">Current utilization of cluster "{cluster}"</h4>
   </Col>
@@ -348,7 +348,7 @@
   </Col>
 </Row>
 {#if $mainQuery.error}
-  <Row>
+  <Row cols={1}>
     <Col>
       <Card body color="danger">{$mainQuery.error.message}</Card>
     </Col>
@@ -361,7 +361,7 @@
 
 {#if $initq.data && $mainQuery.data}
   {#each $initq.data.clusters.find((c) => c.name == cluster).subClusters as subCluster, i}
-    <Row class="mb-3 justify-content-center">
+    <Row cols={2} class="mb-3 justify-content-center">
       <Col md="4" class="px-3">
         <Card class="h-auto mt-1">
           <CardHeader>
@@ -457,7 +457,7 @@
 
   <!-- Usage Stats as Histograms -->
 
-  <Row>
+  <Row cols={4}>
     <Col class="p-2">
       <div bind:clientWidth={colWidth1}>
         <h4 class="text-center">
@@ -580,7 +580,7 @@
     </Col>
   </Row>
   <hr class="my-2" />
-  <Row>
+  <Row cols={2}>
     <Col class="p-2">
       <div bind:clientWidth={colWidth2}>
         {#key $mainQuery.data.stats}