From 14b7a1a48bcad62d29abe4ad8109197ed3948545 Mon Sep 17 00:00:00 2001
From: Renzo <6025850@mborijnland.nl>
Date: Wed, 6 Mar 2024 09:11:01 +0100
Subject: [PATCH] N/A

---
 src/css/style.scss |  6 +++---
 src/index.html     | 46 ++++++++++++++++++++++++++++++++++------------
 2 files changed, 37 insertions(+), 15 deletions(-)

diff --git a/src/css/style.scss b/src/css/style.scss
index 1e5b432..5ef7afe 100644
--- a/src/css/style.scss
+++ b/src/css/style.scss
@@ -192,7 +192,7 @@ body
                                 #main-waardes
                                 {
                                 display: flex;
-                                justify-content: space-evenly;
+                                justify-content: space-between;
                                 padding: .5rem;
                                 padding-bottom: 0;
                                 width: 100%;
@@ -200,8 +200,8 @@ body
                                     table
                                     {
                                         display: flex;
-                                        justify-content: space-around;
-                                        // width: 100%;
+                                        justify-content: space-between;
+                                        width: 100%;
                                     }
                                 }
                             }
diff --git a/src/index.html b/src/index.html
index 2e3c628..13c0337 100644
--- a/src/index.html
+++ b/src/index.html
@@ -73,17 +73,39 @@
                             </td>
                         </tr>
                     </table>
-                    <div id="myModal" class="modal">
-                        <!-- Modal content -->
-                        <span class="close">&times;</span>
-                        <form action="http://localhost:3000/submit-form" method="post">
-                            <!-- Form content -->
-                        </form>
+                    <div class="formulier">
+                        <div id="myModal" class="modal" style="display: none;">
+                            <h1>Plant Toevoegen</h1>
+                            <form action="http://localhost:3000/submit-form" method="post">
+                                <label for="plantNaam">Naam van de plant</label><br>
+                                <input type="text" name="plant_naam" id="plantNaam"><br>
+                 
+                                <label for="plantensoort">Soort van de plant</label><br>
+                                <input type="text" name="plantensoort" id="plantensoort"><br>
+                 
+                                <label for="aanwezig">Aanwezig in de kas</label><br>
+                                <select name="aanwezig_in_kas">
+                                    <option value="ja">Ja</option>
+                                    <option value="nee">Nee</option>
+                                </select><br>
+                 
+                                <label for="ontvangenMeldingen">Meldingen ontvangen</label><br>
+                                <select name="ontvangen_meldingen">
+                                    <option value="ja">Ja</option>
+                                    <option value="nee">Nee</option>
+                                </select><br>
+                 
+                                <section class="knop-container">
+                                    <br><button class="annulatie" type="button" onclick="closeOverlay()">Annuleren</button>
+                                    <button class="toevoeging" type="button" onclick="closeOverlay()">Toevoegen</button>
+                                </section>
+                            </form> <!-- Sluit de form-tag hier -->
+                        </div>
                     </div>
+                    <div id="overlay" onclick="closeOverlay"></div>
                 </section>
                 <!-- White space -->
                 <section>
-                    <p>a</p>
                 </section>
                 <section class="kant-rechts">
                     <section id="metingen">
@@ -100,13 +122,13 @@
                                         <p>24u gemiddelde</p>
                                     </td>
                                 </tr>
+                                <tr>
+                                    <td>
+                                        <p>a</p>
+                                    </td>
+                                </tr>
                             </table>
                         </article>
-                        <div class="divider">
-                        </div>
-                        <article>
-                            
-                        </article>
                     </section>
                 </section>
             </section>