From 67d77d59d13dba89e987b3fcce70c8d32543e31a Mon Sep 17 00:00:00 2001
From: Sietse Jonker <sietse.jonker@hva.nl>
Date: Tue, 5 Mar 2024 16:36:58 +0100
Subject: [PATCH] changes html and css for testing class

---
 web/index.html | 105 +------------------------------------------------
 web/styles.css |   2 +-
 2 files changed, 2 insertions(+), 105 deletions(-)

diff --git a/web/index.html b/web/index.html
index 22f8295..6643c14 100644
--- a/web/index.html
+++ b/web/index.html
@@ -52,6 +52,7 @@
     </div>
   </div>
 
+ 
   <!-- Make a new flexcontainer for the graphs and API request time -->
    <div class="flex-graph">
       <div>
@@ -60,110 +61,6 @@
     </div>
   </div>
     </div>
-
-    <div class="flex-NodeData">
-      <p>Node 2</p>
-	<div class="flex-LiveData">
-    <div>
-      <div>Temperatuur: <p id="temperature">Not connected</p>
-      </div>
-      <div class="statusElement">
-        <p class="statusText" id="tempStatus">Not connected</p>
-      </div>
-    </div>
-    <div>
-      <div>Luchtvochtigheid: <p id="humidity">Not connected</p>
-      </div>
-      <div class="statusElement">
-        <p class="statusText" id="humidStatus">Not connected</p>
-      </div>
-    </div>
-    <div>
-      <div>Lichtintensiteit: <p id="lightIntensity">Not connected</p>
-      </div>
-      <div class="statusElement">
-        <p class="statusText" id="lightIntensityStatus">Not connected</p>
-      </div>
-    </div>
-  </div>
-
-  <!-- Make a new flexcontainer for the graphs and API request time -->
-   <div class="flex-graph">
-      <div>
-      <p>Live graph:</p>
-      <div id="liveGraph2"></div>
-    </div>
-  </div>
-    </div>
-		</div> <!-- class="nodeData" -->
-    <div class="nodeData">
-    <div class="flex-NodeData">
-      <p>Node 3</p>
-	<div class="flex-LiveData">
-    <div>
-      <div>Temperatuur: <p id="temperature">Not connected</p>
-      </div>
-      <div class="statusElement">
-        <p class="statusText" id="tempStatus">Not connected</p>
-      </div>
-    </div>
-    <div>
-      <div>Luchtvochtigheid: <p id="humidity">Not connected</p>
-      </div>
-      <div class="statusElement">
-        <p class="statusText" id="humidStatus">Not connected</p>
-      </div>
-    </div>
-    <div>
-      <div>Lichtintensiteit: <p id="lightIntensity">Not connected</p>
-      </div>
-      <div class="statusElement">
-        <p class="statusText" id="lightIntensityStatus">Not connected</p>
-      </div>
-    </div>
-  </div>
-
-  <!-- Make a new flexcontainer for the graphs and API request time -->
-   <div class="flex-graph">
-      <div>
-      <p>Live graph:</p>
-      <div id="liveGraph3"></div>
-    </div>
-  </div>
-    </div>    <div class="flex-NodeData">
-      <p>Node 4</p>
-	<div class="flex-LiveData">
-    <div>
-      <div>Temperatuur: <p id="temperature">Not connected</p>
-      </div>
-      <div class="statusElement">
-        <p class="statusText" id="tempStatus">Not connected</p>
-      </div>
-    </div>
-    <div>
-      <div>Luchtvochtigheid: <p id="humidity">Not connected</p>
-      </div>
-      <div class="statusElement">
-        <p class="statusText" id="humidStatus">Not connected</p>
-      </div>
-    </div>
-    <div>
-      <div>Lichtintensiteit: <p id="lightIntensity">Not connected</p>
-      </div>
-      <div class="statusElement">
-        <p class="statusText" id="lightIntensityStatus">Not connected</p>
-      </div>
-    </div>
-  </div>
-
-  <!-- Make a new flexcontainer for the graphs and API request time -->
-   <div class="flex-graph">
-      <div>
-      <p>Live graph:</p>
-      <div id="liveGraph4"></div>
-    </div>
-  </div>
-    </div>
     </div> <!-- class="nodeData" -->
 
   <!-- Include the js file -->
diff --git a/web/styles.css b/web/styles.css
index 519068f..9adefe6 100644
--- a/web/styles.css
+++ b/web/styles.css
@@ -53,7 +53,7 @@ p1 {
   display: flex;
   margin-left: 1%;
   margin-right: 1%;
-  width: 50%;
+  width: 100%;
   height: 40%;
   flex-direction: column;
   border: 3px solid #1f82d3;