From fb7fa7f3344ecdf16446236f4d2445d2603ca3f6 Mon Sep 17 00:00:00 2001
From: Blackwhitebear8 <blackwhitebear8@git@pixelhosting.nl>
Date: Sat, 5 Jul 2025 16:20:05 +0200
Subject: [PATCH] Update static/css/style.css

---
 static/css/style.css | 93 +++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 92 insertions(+), 1 deletion(-)

diff --git a/static/css/style.css b/static/css/style.css
index 2a9ba29..76f98a0 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -250,4 +250,95 @@ canvas {
 .info-icon {
   cursor: pointer;
   font-weight: bold;
-}
\ No newline at end of file
+}
+
+
+        .bgprtv-container { 
+            max-width: 100%; 
+            margin: 0 auto; 
+            padding: 0px; 
+        }
+        .bgprtv-h1 { 
+            text-align: center; 
+            color: #212529; 
+        }
+        .bgprtv-form-container { 
+            background-color: #fff; 
+            padding: 30px; 
+            border-radius: 8px; 
+            box-shadow: 0 4px 6px rgba(0,0,0,0.1); 
+            margin-bottom: 20px; 
+        }
+        .bgprtv-input { 
+            width: calc(100% - 110px); 
+            padding: 12px; 
+            border: 1px solid #ced4da; 
+            border-radius: 4px; 
+            font-size: 16px; 
+        }
+        .bgprtv-submit { 
+            width: 100px; 
+            padding: 12px; 
+            background-color: #007bff; 
+            color: white; 
+            border: none; 
+            border-radius: 4px; 
+            cursor: pointer; 
+            font-size: 16px; 
+            margin-left: 10px; 
+        }
+        #bgprtv-mynetwork {
+            width: 100%;
+            min-height: 60vh; /* Geef de container een goede minimale hoogte */
+            height: 60vh;
+            border: 1px solid #ddd;
+            border-radius: 8px;
+            margin-top: 20px;
+        }
+        #bgprtv-mynetwork .vis-network, 
+        #bgprtv-mynetwork canvas {
+            height: 100% !important; /* Forceer het canvas om de container te vullen */
+        }
+        .bgprtv-legend-container {
+            display: flex;
+            justify-content: center;
+            flex-wrap: wrap;
+            gap: 25px;
+            padding: 10px;
+            margin-bottom: 20px;
+            border: 1px solid #dee2e6;
+            border-radius: 8px;
+            background-color: #fff;
+        }
+        .bgprtv-legend-item {
+            display: flex;
+            align-items: center;
+            font-size: 14px;
+        }
+        .bgprtv-legend-symbol {
+            margin-right: 10px;
+            flex-shrink: 0;
+        }
+        .bgprtv-legend-line {
+            height: 0;
+            width: 40px;
+        }
+        .bgprtv-legend-line.best-path {
+            border-top: 3px solid #C0392B;
+        }
+        .bgprtv-legend-line.alt-path {
+            border-top: 2px dashed #2C3E50;
+        }
+        .bgprtv-legend-node {
+            display: inline-block;
+            width: 25px;
+            height: 20px;
+            border: 2px solid #343a40;
+            border-radius: 3px;
+        }
+        .bgprtv-legend-node.best-path-node {
+            background-color: #FADBD8;
+        }
+        .bgprtv-legend-node.alt-path-node {
+            background-color: #D6DBDF;
+        }
\ No newline at end of file