fix: broken resource monitor texts

lablup · Nov 3, 2023 · 0594256 · 0594256
1 parent b286adf
commit 0594256
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/components/backend-ai-resource-monitor.ts b/src/components/backend-ai-resource-monitor.ts
@@ -496,12 +496,14 @@ export default class BackendAiResourceMonitor extends BackendAIPage {
     ) as Switch;
     if (document.body.clientWidth > 750 && this.direction == 'horizontal') {
       legend.style.display = 'flex';
+      legend.style.marginTop = '0';
       Array.from(this.resourceGauge.children).forEach((elem) => {
         (elem as HTMLElement).style.display = 'flex';
       });
     } else {
       if (toggleButton.selected) {
         legend.style.display = 'flex';
+        legend.style.marginTop = '0';
         if (document.body.clientWidth < 750) {
           this.resourceGauge.style.left = '20px';
           this.resourceGauge.style.right = '20px';