add flex

app.py

@@ -762,6 +762,7 @@ soft = gr.themes.Soft(
 )
 
 css_adds = "#top_steps_grp {background: white; overflow: scroll; flex-direction: row;} \
+            #top_steps_row {background: white; overflow: scroll; flex-direction: row;} \
             #group_row {background: white; border-color: white;} \
                #attribute_row {background: white; border-color: white;} \
                #tested_model_row {background: white; border-color: white;} \
@@ -811,7 +812,7 @@ css_adds = "#top_steps_grp {background: white; overflow: scroll; flex-direction:
 #'bethecloud/storj_theme'
 with gr.Blocks(theme=soft, title="Social Bias Testing in Language Models",
                css=css_adds) as iface:
-    with gr.Row():
+    with gr.Row(elem_id="top_steps_row"):
         with gr.Group(elem_id="top_steps_grp"):
             s1_btn = gr.Button(value="Step 1: Bias Specification", variant="primary", visible=True, interactive=True, size='sm')#.style(size='sm')
             s2_btn = gr.Button(value="Step 2: Test Sentences", variant="secondary", visible=True, interactive=False, size='sm')#.style(size='sm')