adding 8 images, changing order

app.py

@@ -66,7 +66,7 @@ def show_cluster(cl_id, num_clusters):
         num_clusters = 12
     cl_dct = clusters_by_size[num_clusters][cl_id]
     images = []
-    for i in range(6):
+    for i in range(8):
         img_path = "/".join(
             [st.replace("/", "") for st in cl_dct["img_path_list"][i].split("//")][3:]
         )
@@ -133,8 +133,6 @@ with gr.Blocks(title=TITLE) as demo:
     )
 
     with gr.Row():
-        with gr.Column():
-            gallery = gr.Gallery(label="Most representative images in cluster").style(grid=[2,3], height="auto")
         with gr.Column():
             cluster_id = gr.Dropdown(
                 choices=[i for i in range(num_clusters.value)],
@@ -142,6 +140,8 @@ with gr.Blocks(title=TITLE) as demo:
                 label="Select cluster to visualize:",
             )
             a = gr.Text(label="Number of images")
+        with gr.Column():
+            gallery = gr.Gallery(label="Most representative images in cluster").style(grid=[2,4], height="auto")
     with gr.Row():
         with gr.Column():
             c = gr.Plot(label="How many images from each system?")