From 948f47de3b6c32a6c241ae6c195af6e2c7ca6cc0 Mon Sep 17 00:00:00 2001
From: Matej Focko <mfocko@redhat.com>
Date: Tue, 17 May 2022 17:37:15 +0200
Subject: [PATCH] fix: tie label and buttons for switching tree

Signed-off-by: Matej Focko <mfocko@redhat.com>
---
 index.html | 68 ++++++++++++++++++++++++++++++------------------------
 1 file changed, 38 insertions(+), 30 deletions(-)

diff --git a/index.html b/index.html
index 4fb6e4a..f253e91 100755
--- a/index.html
+++ b/index.html
@@ -77,38 +77,46 @@
         </form>
       </div>
 
-      <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>
+      <div class="col-auto">
+        <div class="row">
+          <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"
-          name="treeSelection"
-          id="wavlTreeBtn"
-          checked
-          autocomplete="off"
-          onclick="switchTree(WAVLTree)"
-        />
-        <label class="btn btn-outline-primary" for="wavlTreeBtn">WAVL</label>
+            <input
+              type="radio"
+              class="btn-check"
+              name="treeSelection"
+              id="wavlTreeBtn"
+              checked
+              autocomplete="off"
+              onclick="switchTree(WAVLTree)"
+            />
+            <label class="btn btn-outline-primary" for="wavlTreeBtn"
+              >WAVL</label
+            >
 
-        <input
-          type="radio"
-          class="btn-check"
-          name="treeSelection"
-          id="ravlTreeBtn"
-          autocomplete="off"
-          onclick="switchTree(RAVLTree)"
-        />
-        <label class="btn btn-outline-primary" for="ravlTreeBtn">rAVL</label>
+            <input
+              type="radio"
+              class="btn-check"
+              name="treeSelection"
+              id="ravlTreeBtn"
+              autocomplete="off"
+              onclick="switchTree(RAVLTree)"
+            />
+            <label class="btn btn-outline-primary" for="ravlTreeBtn"
+              >rAVL</label
+            >
+          </div>
+        </div>
       </div>
     </div>