From 173a4ae687594b6f9c32844afd91f3f27e6493cb Mon Sep 17 00:00:00 2001
From: thecozies <79979276+thecozies@users.noreply.github.com>
Date: Mon, 1 Apr 2024 12:55:34 -0500
Subject: [PATCH] columnify options

---
 assets/config_menu/general.rml | 42 +++++++++++++++++++---
 assets/config_menu/sound.rml   | 64 +++++++++++++++++++++++++---------
 2 files changed, 85 insertions(+), 21 deletions(-)
diff --git a/assets/config_menu/general.rml b/assets/config_menu/general.rml
index 285a1a1..3d4e96e 100644
--- a/assets/config_menu/general.rml
+++ b/assets/config_menu/general.rml
@@ -3,25 +3,57 @@
     </head>
     <body>
         <form class="config__form">
-            <div class="config__wrapper">
-                <div class="config__row">
+            <div class="config__hz-wrapper">
+                <!-- Options -->
+                <div class="config__wrapper">
                     <div class="config-option">
                         <label class="config-option__title">Targeting Mode</label>
                         <div class="config-option__list">
-                            <input type="radio" name="targeting_mode" data-checked="targeting_mode" value="Switch" id="tm_switch"/>
+                            <input
+                                type="radio"
+                                name="targeting_mode"
+                                data-checked="targeting_mode"
+                                value="Switch"
+                                id="tm_switch"
+                            />
                             <label class="config-option__tab-label" for="tm_switch">Switch</label>
-                            <input type="radio" name="targeting_mode" data-checked="targeting_mode" value="Hold" id="tm_hold"/>
+
+                            <input
+                                type="radio"
+                                name="targeting_mode"
+                                data-checked="targeting_mode"
+                                value="Hold"
+                                id="tm_hold"
+                            />
                             <label class="config-option__tab-label" for="tm_hold">Hold</label>
                         </div>
                     </div>
+
                     <div class="config-option">
                         <label class="config-option__title">Rumble Strength</label>
                         <div class="config-option__range-wrapper config-option__list">
                             <label class="config-option__range-label">{{rumble_strength}}</label>
-                            <input class="nav-vert" id="rumble_strength_input" type="range" min="0" max="100" style="flex: 1; margin: 0dp;" data-value="rumble_strength"/>
+                            <input
+                                class="nav-vert"
+                                id="rumble_strength_input"
+                                type="range"
+                                min="0"
+                                max="100"
+                                style="flex: 1; margin: 0dp;"
+                                data-value="rumble_strength"
+                            />
                         </div>
                     </div>
                 </div>
+                <!-- Descriptions -->
+                <div class="config__wrapper">
+                    <p data-if="0 == 0">
+                        First.
+                    </p>
+                    <p data-if="1 == 1">
+                        Second.
+                    </p>
+                </div>
             </div>
         </form>
     </body>
diff --git a/assets/config_menu/sound.rml b/assets/config_menu/sound.rml
index 937d2f5..4a03381 100644
--- a/assets/config_menu/sound.rml
+++ b/assets/config_menu/sound.rml
@@ -3,25 +3,57 @@
     </head>
     <body>
         <form class="config__form">
-            <div class="config__wrapper">
-                <div class="config__row">
-                    <div class="config-option">
-                        <label class="config-option__title">Background Music Volume</label>
-                        <div class="config-option__range-wrapper config-option__list">
-                            <label class="config-option__range-label">{{bgm_volume}}</label>
-                            <input class="nav-vert" id="bgm_volume_input" type="range" min="0" max="100" style="flex: 1; margin: 0dp;" data-value="bgm_volume"/>
-                        </div>
-                    </div>
-                    <div class="config-option">
-                        <label class="config-option__title">Low Health Beeps</label>
-                        <div class="config-option__list">
-                            <input type="radio" name="lhb" data-checked="low_health_beeps_enabled" value="1" id="lhb_on"/>
-                            <label class="config-option__tab-label" for="lhb_on">On</label>
-                            <input type="radio" name="lhb" data-checked="low_health_beeps_enabled" value="0" id="lhb_off"/>
-                            <label class="config-option__tab-label" for="lhb_off">Off</label>
+            <div class="config__hz-wrapper">
+                <!-- Options -->
+                <div class="config__wrapper">
+                        <div class="config-option">
+                            <label class="config-option__title">Background Music Volume</label>
+                            <div class="config-option__range-wrapper config-option__list">
+                                <label class="config-option__range-label">{{bgm_volume}}</label>
+                                <input
+                                    class="nav-vert"
+                                    id="bgm_volume_input"
+                                    type="range"
+                                    min="0"
+                                    max="100"
+                                    style="flex: 1; margin: 0dp;"
+                                    data-value="bgm_volume"
+                                />
+                            </div>
                         </div>
+
+                        <div class="config-option">
+                            <label class="config-option__title">Low Health Beeps</label>
+                            <div class="config-option__list">
+                                <input
+                                    type="radio"
+                                    name="lhb"
+                                    data-checked="low_health_beeps_enabled"
+                                    value="1"
+                                    id="lhb_on"
+                                />
+                                <label class="config-option__tab-label" for="lhb_on">On</label>
+
+                                <input
+                                    type="radio"
+                                    name="lhb"
+                                    data-checked="low_health_beeps_enabled"
+                                    value="0"
+                                    id="lhb_off"
+                                />
+                                <label class="config-option__tab-label" for="lhb_off">Off</label>
+                            </div>
                         </div>
                 </div>
+                <!-- Descriptions -->
+                <div class="config__wrapper">
+                    <p data-if="0 == 0">
+                        First.
+                    </p>
+                    <p data-if="1 == 1">
+                        Second.
+                    </p>
+                </div>
             </div>
         </form>
     </body>
