From 76b4aaa00cd77c6bebf2aae029bb5e757aaff86a Mon Sep 17 00:00:00 2001
From: Ambulance Clerc <ambulance.clerc@outlook.com>
Date: Thu, 10 Nov 2022 14:59:29 +0100
Subject: [PATCH] =?UTF-8?q?Am=C3=A9lioration=20visuel=20v=C3=A9hicule?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vehicles/static/vehicles/style.css | 24 +++++++++++++++++++++++-
 vehicles/templates/vhc/vhc.html    | 10 +++++-----
 2 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/vehicles/static/vehicles/style.css b/vehicles/static/vehicles/style.css
index 2988e42..213ec15 100644
--- a/vehicles/static/vehicles/style.css
+++ b/vehicles/static/vehicles/style.css
@@ -1,6 +1,28 @@
+     /* ===== Scrollbar CSS ===== */
+  /* Firefox */
+  * {
+    scrollbar-width: auto;
+    scrollbar-color: #ffffff #ffffff;
+  }
+
+  /* Chrome, Edge, and Safari */
+  *::-webkit-scrollbar {
+    width: 12px;
+  }
+
+  *::-webkit-scrollbar-track {
+    background: black;
+  }
+
+  *::-webkit-scrollbar-thumb {
+    background-color: #ffffff;
+    border-radius: 15px;
+    border: 3px solid #ffffff;
+  }
  :root{
     --main-text-color: white;
     --main-text-family: 'Source Sans Pro', sans-serif;
+    --main-child-container-height: 175px;
 }
  .main_container{
         width: 100%;
@@ -30,7 +52,7 @@
     gap: 0px;
     align-items: stretch;
   }
-  .child div{
+  .child_box div{
 
 
   }
diff --git a/vehicles/templates/vhc/vhc.html b/vehicles/templates/vhc/vhc.html
index 416420b..51b0a0f 100644
--- a/vehicles/templates/vhc/vhc.html
+++ b/vehicles/templates/vhc/vhc.html
@@ -19,7 +19,7 @@
 
         </div>
         <div class="child_box" style="height: 70%;">
-            <div style="width: 46%; padding: 2px;">
+            <div style="width: 46%; padding: 2px;height: var(--main-child-container-height);">
                 <b>Infos techniques</b>
                 {% for info in vhc.get_all_infos_tech %}
                 <div style="margin-top: 15px">
@@ -30,7 +30,7 @@
 
 
             </div>
-            <div style="width: 46%;padding: 2px;">
+            <div style="width: 46%;padding: 2px;height: var(--main-child-container-height);">
                 <b>Matériels manquants</b>
                  {% for info in vhc.get_all_infos_mat %}
                 <div style="margin-top: 15px">
@@ -39,17 +39,17 @@
                 </div>
                 {% endfor %}
             </div>
-            <div style="width: 350px; ">
+            <div style="width: 350px;height: var(--main-child-container-height); ">
                 <b>Péremptions</b>
                 <div class="child_box">
 
-                    <div style="width: 170px;">
+                    <div style="width: 170px;margin-top: 15px">
                         {% for info in vhc.get_all_infos_perempt_perma %}
                         <a href="/admin/vehicles/vehicles_infos/{{info.id}}" target="_blank">{{info.sDesc}}</a><br>
                         {% endfor %}
                     </div>
 
-                    <div style="width: 170px;">
+                    <div style="width: 170px;margin-top: 15px">
                         {% for info in vhc.get_all_infos_perempt %}
                         <a href="/admin/vehicles/vehicles_infos/{{info.id}}" target="_blank">{{info.sDesc}}</a> <br>
                         {% endfor %}