From 2287cd439f9c0ecd40cda98c85da84da84360f79 Mon Sep 17 00:00:00 2001
From: louisafriederike <louisateichmann@outlook.com>
Date: Fri, 19 Apr 2024 13:13:13 +0200
Subject: [PATCH] dashboard text styling

---
 public/index.html | 10 +++++++++-
 public/style.css  |  9 +++++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/public/index.html b/public/index.html
index faae80a..730962f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -16,7 +16,15 @@
       <div class="wrapper">
         <div class="flex-container">
           <!-- 16 divs -->
-          <div>1</div>
+          <div>
+            <p class="data">
+            <br>
+            module name: wire::;;
+            <br>
+            temperature: 26 degrees
+            <br>
+            </p>
+          </div>
           <div>2</div>
           <div>3</div>
           <div>4</div>
diff --git a/public/style.css b/public/style.css
index d906848..2107bfb 100644
--- a/public/style.css
+++ b/public/style.css
@@ -31,16 +31,21 @@ body {
 
 /* Style for each div within the grid */
 .flex-container > div {
+  
   width: calc(25% - 10px); /* 25% width for each div with 10px gap */
   height: 100px; /* Set height as needed */
   background-color: rgba(51, 51, 51, 0.84); /* Background color */
   margin-bottom: 10px; /* Add some space at the bottom */
-  text-align: center; /* Center text */
-  line-height: 100px; /* Vertically center text */
+  text-align: left; /* Center text */
+   /* Vertically center text */
   padding: 2px;
   border-radius: 5px;
   min-width: 22vw;
   min-height: 24vh;
   text-shadow: 0px 0px 10px #ff7300;
+  overflow: scroll;
 }
 
+.data {
+  padding-left: 1vw;
+}
\ No newline at end of file