From 9ed54990421caa5c4dd607af980ffbb54b41d353 Mon Sep 17 00:00:00 2001
From: Desy Ayurianti <desii.ayurianti@gmail.com>
Date: Tue, 12 Nov 2024 13:57:05 +0700
Subject: [PATCH] fix(actualgraph): fix responsiveness

---
 .../page/actualgraph/actualgraph.component.html          | 2 +-
 .../page/actualgraph/actualgraph.component.scss          | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/agrilink_vocpro/src/app/pages/dashboard/page/actualgraph/actualgraph.component.html b/agrilink_vocpro/src/app/pages/dashboard/page/actualgraph/actualgraph.component.html
index 3522f96..663c0db 100644
--- a/agrilink_vocpro/src/app/pages/dashboard/page/actualgraph/actualgraph.component.html
+++ b/agrilink_vocpro/src/app/pages/dashboard/page/actualgraph/actualgraph.component.html
@@ -8,7 +8,7 @@
     <button (click)="loadData('npk2')" [ngClass]="{'active-button': selectedButton === 'npk2'}">NPK 2</button>
   </div>
 
-  <div class="graph loading">
+  <div class="graph">
     <div class="title-graph" *ngIf="selectedButton === 'npk1'">Actual Graph Sensor NPK 1</div>
     <div class="title-graph" *ngIf="selectedButton === 'npk2'">Actual Graph Sensor NPK 2</div>
     <div class="graph-content">
diff --git a/agrilink_vocpro/src/app/pages/dashboard/page/actualgraph/actualgraph.component.scss b/agrilink_vocpro/src/app/pages/dashboard/page/actualgraph/actualgraph.component.scss
index 53014d0..11cec80 100644
--- a/agrilink_vocpro/src/app/pages/dashboard/page/actualgraph/actualgraph.component.scss
+++ b/agrilink_vocpro/src/app/pages/dashboard/page/actualgraph/actualgraph.component.scss
@@ -29,6 +29,7 @@
     align-items: center;
     text-align: center;
     margin-top: 20px;
+    overflow-x: auto;
 }
 
 .table th, 
@@ -69,6 +70,10 @@
         margin: auto;
         font-size: 15px;
     }
+
+    .table{
+        font-size: 10px;
+    }
 }
 
 @media (max-width: 344px) {
@@ -82,6 +87,10 @@
         font-size: 15px;
         margin: auto;
     }
+    
+    .table{
+        font-size: 10px;
+    }
 }
 
 button {