wrapped sliders in boxes

app.py

@@ -204,25 +204,30 @@ with demo:
 
     # control panel interface
     with gr.Row():
-        search_bar = gr.Textbox(
-            label="Model 🤗",
-            info="🔍 Search for a model name",
-            elem_id="search-bar",
-        )
-        score_slider = gr.Slider(
-            label="Average Open LLM Score 📈",
-            info="🎚️ Slide to minimum Average Open LLM score",
-            value=0,
-            elem_id="threshold-slider",
-        )
-        memory_slider = gr.Slider(
-            label="Peak Memory (MB) 📈",
-            info="🎚️ Slide to maximum Peak Memory",
-            minimum=0,
-            maximum=80 * 1024,
-            value=80 * 1024,
-            elem_id="memory-slider",
-        )
+        with gr.Column(scale=2):
+            search_bar = gr.Textbox(
+                label="Model 🤗",
+                info="🔍 Search for a model name",
+                elem_id="search-bar",
+            )
+        with gr.Column(scale=1):
+            with gr.Box():
+                score_slider = gr.Slider(
+                    label="Average Open LLM Score 📈",
+                    info="🎚️ Slide to minimum Average Open LLM score",
+                    value=0,
+                    elem_id="threshold-slider",
+                )
+        with gr.Column(scale=1):
+            with gr.Box():
+                memory_slider = gr.Slider(
+                    label="Peak Memory (MB) 📈",
+                    info="🎚️ Slide to maximum Peak Memory",
+                    minimum=0,
+                    maximum=80 * 1024,
+                    value=80 * 1024,
+                    elem_id="memory-slider",
+                )
 
     with gr.Row():
         with gr.Column(scale=1):