review job info row layout

web/frontend/src/Job.root.svelte

@@ -220,7 +220,7 @@
     {#if $initq.error}
       <Card body color="danger">{$initq.error.message}</Card>
     {:else if $initq?.data}
-      <Card class="overflow-auto" style="height: 400px;">
+      <Card class="overflow-auto" style="height: auto;">
         <TabContent> <!-- on:tab={(e) => (status = e.detail)} -->
           {#if $initq.data?.job?.metaData?.message}
             <TabPane tabId="admin-msg" tab="Admin Note" active>

web/frontend/src/generic/helper/ConcurrentJobs.svelte

@@ -23,7 +23,7 @@
     showLinks = false,
     renderCard = false,
     width = "auto",
-    height = "400px",
+    height = "auto",
   } = $props();
 </script>
 

web/frontend/src/job/JobRoofline.svelte

@@ -58,7 +58,7 @@
 {#if $roofMetrics.error}
   <Card body color="danger">{$roofMetrics.error.message}</Card>
 {:else if $roofMetrics?.data}
-  <Card style="height: 400px;">
+  <Card style="height: auto;"> <!-- 400px -->
     <div bind:clientWidth={roofWidth}>
       <Roofline
         width={roofWidth}

web/frontend/src/job/JobSummary.svelte

@@ -21,7 +21,7 @@
   let {
     job,
     width = "auto",
-    height = "400px",
+    height = "auto",
   } = $props();
 
   /* Const Init */

web/frontend/src/job/jobsummary/JobFootprintBars.svelte

@@ -127,7 +127,7 @@
   }
 </script>
 
-<CardBody class="overflow-auto">
+<CardBody class="overflow-auto" style="height:380px;">
   {#if jobFootprintData.length === 0}
     <div class="text-center">No footprint data for job available.</div>
   {:else}