Cleanup tree.css and generating sri

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==",

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 {

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;
 

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>