better css

server/src/data/app.py

@@ -2,12 +2,13 @@ from flask import Flask, render_template, request, redirect
 
 app = Flask(__name__)
 
+items = ['dummy1', 'dummy2', 'a', 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa']
 @app.route("/")
 def mainpage():
-    items = ['dummy1', 'dummy2', 'a', 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa']
-    return render_template('index.html', title='BG Shutdown')
+    return render_template('index.html', title='BG Shutdown', items=items)
 @app.route('/submit', methods =['POST'])
 def submit():
     value = request.form.get("query")
+    items.append(query)
     print(value)
     return redirect(url_for("mainpage"))

server/src/data/templates/index.html

@@ -3,13 +3,14 @@
 
 <div class="container py-4">
 
-    <div class="card bg-light p-3 mb-4">
+    <!-- Formulaire -->
+    <div class="card bg-dark bg-opacity-75 p-3 mb-4">
         <form method="post" action="/submit" class="row g-2 align-items-center">
             <div class="col">
                 <input 
                     type="text"
                     name="query"
-                    class="form-control bg-secondary-subtle"
+                    class="form-control bg-secondary-subtle text-white"
                     placeholder="Enter text">
             </div>
             <div class="col-auto">
@@ -20,17 +21,19 @@
         </form>
     </div>
 
-    <div class="card bg-light p-3">
-        <ul class="list-group">
-            <li class="list-group-item bg-secondary-subtle">
-                    <a href="#" class="text-decoration-none text-dark">Machine Whitelistés</a>
-                </li>
+    <!-- Tableau / Liste -->
+    <div class="card bg-dark bg-opacity-75 p-3">
+        <h5 class="text-white mb-3">Liste des éléments</h5>
+        <div class="table-items">
             {% for item in items %}
-                <li class="list-group-item bg-secondary-subtle">
-                    <a href="#" class="text-decoration-none text-dark">{{ item }}</a>
-                </li>
+                <div class="py-2">
+                    <a href="#" class="text-decoration-none text-white">{{ item }}</a>
+                </div>
+                {% if not loop.last %}
+                    <hr class="border-secondary my-1">
+                {% endif %}
             {% endfor %}
-        </ul>
+        </div>
     </div>
 
 </div>