From 85c25e6b90e641f480df3a1b77b6cfe8933a7c5a Mon Sep 17 00:00:00 2001
From: Ambulance Clerc <ambulance.clerc@outlook.com>
Date: Thu, 10 Nov 2022 16:59:57 +0100
Subject: [PATCH] =?UTF-8?q?Test=20refont=20grahpique=20v=C3=A9hicules?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vehicles/static/vehicles/style.css | 19 ++++++++++++-------
 vehicles/templates/vhc/vhc.html    | 17 ++++++++---------
 2 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/vehicles/static/vehicles/style.css b/vehicles/static/vehicles/style.css
index cdef660..7ce8792 100644
--- a/vehicles/static/vehicles/style.css
+++ b/vehicles/static/vehicles/style.css
@@ -42,19 +42,24 @@
     height: 500px;
     background-repeat: no-repeat, repeat;
     background-size: contain;
+    border: solid 1px green;
 
   }
+  .container{
+       border: solid 1px red;
+       width: 100%;
+       overflow: auto;
+  }
+  .element{
+    border: solid 1px blue;
+    display: flex;
+    justify-content: space-between;
+  }
   .child_box{
-    display: flex;
-    flex-wrap: wrap;
-    flex-direction: row;
-    justify-content: space-between;
-    gap: 0px;
-    align-items: stretch;
+
   }
   .child_box div{
 
-
   }
 
   body{
diff --git a/vehicles/templates/vhc/vhc.html b/vehicles/templates/vhc/vhc.html
index 95e6d96..161b02d 100644
--- a/vehicles/templates/vhc/vhc.html
+++ b/vehicles/templates/vhc/vhc.html
@@ -19,27 +19,26 @@
 
         </div>
         <div class="child_box" style="height: 70%;">
-            <div style="width: 48%;height: var(--main-child-container-height);">
+            <div class="container" style="height: var(--main-child-container-height);">
                 <b>Infos techniques</b>
                 {% for info in vhc.get_all_infos_tech %}
-                <div style="margin-top: 15px">
-                    {{info.sDesc}}
-                    <br><span style="font-style: italic;text-transform:uppercase;">{{info.get_Start_formated}} {{info.get_Author_formated}}</span>
+                <div class="element" style="margin-top: 15px">
+                    <a href="/admin/vehicles/vehicles_infos/{{info.id}}" target="_blank">{{info.sDesc}}</a> <br>
+                    <span style="font-style: italic;text-transform:uppercase;align-self: flex-end;">{{info.get_Start_formated}} {{info.get_Author_formated}}</span>
                 </div>
                 {% endfor %}
 
-
             </div>
-            <div style="width: 48%;height: var(--main-child-container-height);">
+            <div class="container"  style="height: var(--main-child-container-height);">
                 <b>Matériels manquants</b>
                  {% for info in vhc.get_all_infos_mat %}
-                <div style="margin-top: 15px; color: red">
-                    {{info.sDesc}}
+                <div class="element" style="margin-top: 15px; color: red">
+                    <a href="/admin/vehicles/vehicles_infos/{{info.id}}" target="_blank">{{info.sDesc}}</a> <br>
                     <br><span style="font-style: italic;text-transform:uppercase;">{{info.get_Start_formated}} {{info.get_Author_formated}}</span>
                 </div>
                 {% endfor %}
             </div>
-            <div style="width: 350px;height: var(--main-child-container-height); ">
+            <div style="width: 350px;height: var(--main-child-container-height);display: none; ">
                 <b>Péremptions</b>
                 <div class="child_box">