From b020184b1fb9ae2c9d85134349f3e38db5d15dbd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rapha=C3=ABl=20Vinot?= <raphael@vinot.info>
Date: Tue, 24 Jan 2023 15:00:15 +0100
Subject: [PATCH] fix: Improve rendering on tree

---
 website/web/templates/tree.html | 26 ++++++++++++--------------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/website/web/templates/tree.html b/website/web/templates/tree.html
index 9dc3896b..ae5767cc 100644
--- a/website/web/templates/tree.html
+++ b/website/web/templates/tree.html
@@ -169,18 +169,16 @@
       </a>
     </div>
     <hr/>
-    <center>
-      <div>
-        <button type="button" class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#menu_vertical_content">
-            <span class="if-collapsed">
-              <img src="{{ url_for('static', filename='up.jpg') }}" class="arrow-down" alt="Maximize menu" height="25" width="25" title="Expand">
-            </span>
-            <span class="if-not-collapsed">
-              <img src="{{ url_for('static', filename='up.jpg') }}" alt="Minimize menu" height="25" width="25" title="Collapse">
-            </span>
-        </button>
-      </div>
-    </center>
+    <div class="mx-auto" style="width: 52px;">
+      <button type="button" class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#menu_vertical_content">
+          <span class="if-collapsed">
+            <img src="{{ url_for('static', filename='up.jpg') }}" class="arrow-down" alt="Maximize menu" height="25" width="25" title="Expand">
+          </span>
+          <span class="if-not-collapsed">
+            <img src="{{ url_for('static', filename='up.jpg') }}" alt="Minimize menu" height="25" width="25" title="Collapse">
+          </span>
+      </button>
+    </div>
     <hr/>
     <div id=menu_vertical_content class="collapse show">
       <ul class="list-group list-group-flush">
@@ -206,8 +204,8 @@
 
 <div id="menu_container_horizontal" class="tree-panel-container">
   <div id=menu_horizontal class="d-flex">
-    <div class="flex-shrink-1">
-      <button type="button" class="btn btn-link mr-3 align-self-center" data-bs-toggle="collapse" data-bs-target="#menu_horizontal_content">
+    <div class="flex-shrink-1 align-self-center">
+      <button type="button" class="btn btn-link mr-3" data-bs-toggle="collapse" data-bs-target="#menu_horizontal_content">
         <span class="if-collapsed">
           <img src="{{ url_for('static', filename='up.jpg') }}" class="arrow-right" alt="Maximize menu" height="25" width="25" title="Expand">
         </span>