From f3da4bae3e94226020299ce5008ae3a52f835eab Mon Sep 17 00:00:00 2001
From: Matej Focko <mfocko@redhat.com>
Date: Tue, 17 May 2022 17:14:09 +0200
Subject: [PATCH] fix: show trees in order they were defined

Signed-off-by: Matej Focko <mfocko@redhat.com>
---
 comparator.html | 42 +++++++++++++++++++++---------------------
 index.html      | 20 ++++++++++----------
 2 files changed, 31 insertions(+), 31 deletions(-)

diff --git a/comparator.html b/comparator.html
index d095c10..1d51e0c 100755
--- a/comparator.html
+++ b/comparator.html
@@ -114,6 +114,17 @@
         <div class="row">
           <h4 class="col-auto">Choose left tree:</h4>
           <div class="btn-group col-auto" role="group">
+            <input
+              type="radio"
+              class="btn-check"
+              name="leftTreeSelection"
+              id="lAvlTreeBtn"
+              checked
+              autocomplete="off"
+              onclick="switchTree(AVLTree, 'left')"
+            />
+            <label class="btn btn-outline-primary" for="lAvlTreeBtn">AVL</label>
+
             <input
               type="radio"
               class="btn-check"
@@ -126,17 +137,6 @@
               >WAVL</label
             >
 
-            <input
-              type="radio"
-              class="btn-check"
-              name="leftTreeSelection"
-              id="lAvlTreeBtn"
-              checked
-              autocomplete="off"
-              onclick="switchTree(AVLTree, 'left')"
-            />
-            <label class="btn btn-outline-primary" for="lAvlTreeBtn">AVL</label>
-
             <input
               type="radio"
               class="btn-check"
@@ -156,6 +156,16 @@
         <div class="row">
           <h4 class="col-auto">Choose right tree:</h4>
           <div class="btn-group col-auto" role="group">
+            <input
+              type="radio"
+              class="btn-check"
+              name="rightTreeSelection"
+              id="rAvlTreeBtn"
+              autocomplete="off"
+              onclick="switchTree(AVLTree, 'right')"
+            />
+            <label class="btn btn-outline-primary" for="rAvlTreeBtn">AVL</label>
+
             <input
               type="radio"
               class="btn-check"
@@ -169,16 +179,6 @@
               >WAVL</label
             >
 
-            <input
-              type="radio"
-              class="btn-check"
-              name="rightTreeSelection"
-              id="rAvlTreeBtn"
-              autocomplete="off"
-              onclick="switchTree(AVLTree, 'right')"
-            />
-            <label class="btn btn-outline-primary" for="rAvlTreeBtn">AVL</label>
-
             <input
               type="radio"
               class="btn-check"
diff --git a/index.html b/index.html
index 5622dee..4fb6e4a 100755
--- a/index.html
+++ b/index.html
@@ -79,6 +79,16 @@
 
       <h4 class="col-auto">Choose a tree:</h4>
       <div class="btn-group col-auto" role="group">
+        <input
+          type="radio"
+          class="btn-check"
+          name="treeSelection"
+          id="avlTreeBtn"
+          autocomplete="off"
+          onclick="switchTree(AVLTree)"
+        />
+        <label class="btn btn-outline-primary" for="avlTreeBtn">AVL</label>
+
         <input
           type="radio"
           class="btn-check"
@@ -90,16 +100,6 @@
         />
         <label class="btn btn-outline-primary" for="wavlTreeBtn">WAVL</label>
 
-        <input
-          type="radio"
-          class="btn-check"
-          name="treeSelection"
-          id="avlTreeBtn"
-          autocomplete="off"
-          onclick="switchTree(AVLTree)"
-        />
-        <label class="btn btn-outline-primary" for="avlTreeBtn">AVL</label>
-
         <input
           type="radio"
           class="btn-check"