From c6810961f6397a75500be443641fff7c431a7cc8 Mon Sep 17 00:00:00 2001
From: AntoniaBK <antonia@cookfirst.de>
Date: Tue, 23 Apr 2024 16:02:27 +0200
Subject: [PATCH] Cleanup tree.css and generating sri

---
 website/web/sri.txt             |  4 ++--
 website/web/static/tree.css     | 29 +++++------------------------
 website/web/static/tree.js      |  2 +-
 website/web/templates/tree.html |  3 ++-
 4 files changed, 10 insertions(+), 28 deletions(-)

diff --git a/website/web/sri.txt b/website/web/sri.txt
index ae12e5e..362cd49 100644
--- a/website/web/sri.txt
+++ b/website/web/sri.txt
@@ -35,8 +35,8 @@
     "secure.svg": "H8ni7t0d60nCJDVGuZpuxC+RBy/ipAjWT627D12HlZGg6LUmjSwPTQTUekm3UJupEP7TUkhXyq6WHc5gy7QBjg==",
     "stats.css": "/kY943FwWBTne4IIyf7iBROSfbGd82TeBicEXqKkRwawMVRIvM/Pk5MRa7okUyGIxaDjFQGmV/U1vy+PhN6Jbw==",
     "stats_graph.js": "S/sMNQK1UMMLD0xQeEa7sq3ce8o6oPxwxGlyKVtaHOODjair86dbBDm7cu6pa/elMRDJT1j09jEFjWp+5GbhTw==",
-    "tree.css": "R/pWQnE8kMacDrzGy/NpA1tJoHAZpOjFiX6dqtBe+PqAnhYMn1CIQzODh8Ifvh6hBTPLRWX3bsabfEvfaI7Z6A==",
-    "tree.js": "B14s0PA3EsL4eZw5e+bpQabUVy75t8z8o1PLHurwBD27w2A1Cn/98dA3r4g511Bmwkh09J142LH4y0bVsQeqmQ==",
+    "tree.css": "AvSJOleYapo+xOCcOPGxTcKg+t1TxFkmr/VvgVJbXaeDOnYECzmJOIVNZii/eFouTh85uDSgr+WLQHq3hft6Kg==",
+    "tree.js": "ZlVFi+IqRHVwWR2WLcwaHhOqd5AIPQfLtLdUOSIGWcg5lc6At39MQQb5k9fzCaLGCDOf+kuZNJGG3ycVCuHFQA==",
     "up.jpg": "d1ljZJ9f5JekyM6RLFFH2Ua44j6neiQBdUIXOenRTjGppQr3JaeglpQIH6BjPCJL177+TH52U3UIRNS5YAyKIg==",
     "up_right.jpg": "OMmz+n+MxR34P8/fn5t4DkqKqdJRzQbXQ7fAi2lhkZIJGhVs2vIyY1f2hpYoBxDAX1OcYsSE2lqIR2vXNDGZsA==",
     "video.png": "gJtmkfr8I1Kw43pYEKjg6CAjgmhl1vIBKBQ3ZkxCu3wvxQm+6kf93iLrrFiY2WuiXzxEn2Leu52GJzmVN5id0g==",
diff --git a/website/web/static/tree.css b/website/web/static/tree.css
index 706ca4b..431642b 100644
--- a/website/web/static/tree.css
+++ b/website/web/static/tree.css
@@ -90,6 +90,7 @@ hr {
     padding: 5px;
     font-size: 1.1em;
     display: block;
+    text-align: center;;
 }
 
 
@@ -116,46 +117,27 @@ hr {
 }
 
 
-#menu_container_horizontal ul.components {
-  padding: 5px;
-}
 
-#menu_container_horizontal ul li a {
-    padding: 1px;
-    font-size: 1.1em;
-    display: block;
-}
-
-#menu_container_horizontal ul li a:hover {
-    background: #fff;
-}
-
-
-/* NEW: Dropdown Menu */
-/* Dropdown Button */
+/* Dropdown Menus */
 .dropbtn {
   background-color: #0d6efd;
   color: white;
   font-size: 16px;
   border: none;
-  cursor: pointer;
   width: 180px;
   text-align: center;
   height: 50px;
 }
 
-/* Dropdown button on hover & focus */
 .dropbtn:hover, .dropbtn:focus {
   background-color: #0067fc;
 }
 
-/* The container <div> - needed to position the dropdown content */
 .dropdown {
   position: relative;
   display: inline-block;
 }
 
-/* Dropdown Content (Hidden by Default) */
 .dropdown-content {
   display: none;
   position: absolute;
@@ -165,7 +147,6 @@ hr {
   z-index: 1;
 }
 
-/* Links inside the dropdown */
 .dropdown-content a {
   color: black;
   padding: 12px 16px;
@@ -173,9 +154,9 @@ hr {
   display: block;
 }
 
-
-/* Change color of dropdown links on hover */
-.dropdown-content a:hover {background-color: #f1f1f1;}
+.dropdown-content a:hover {
+  background-color: #f1f1f1;
+}
 
 /* Show the dropdown menus on hover */
 #capture-menu:hover #capture-menu-content {
diff --git a/website/web/static/tree.js b/website/web/static/tree.js
index c4d4b09..872414e 100644
--- a/website/web/static/tree.js
+++ b/website/web/static/tree.js
@@ -9,7 +9,7 @@ let margin = {
     left: 90
 };
 
-let menuHeight = document.getElementById('menu_vertical').clientHeight;
+let menuHeight = document.getElementById('menu_vertical').clientHeight + 20;
 let width = 960 - margin.left - margin.right;
 let height = menuHeight * 2;
 
diff --git a/website/web/templates/tree.html b/website/web/templates/tree.html
index 401d033..9ef3791 100644
--- a/website/web/templates/tree.html
+++ b/website/web/templates/tree.html
@@ -258,8 +258,9 @@
           </span>
       </button>
     </div>
-    <hr/>
+    
     <div id=menu_vertical_content class="collapse show">
+      <hr/>
         <ul class="list-group list-group-flush">
           <li class="list-group-item">
             <a href="{{ url_for('capture_web') }}" role="button">New capture</a>