Upload app.py

app.py

@@ -249,6 +249,20 @@ css = HOVER_HINT_CSS + """
 /* no chip */
 .scroll-fade::before { content: none; }
 
+/* --- Subtle divider between Unknown and Suggested panes --- */
+.pane-right {
+  border-left: 1px solid var(--block-border-color, rgba(255,255,255,.16));
+  padding-left: 16px;               /* keep content away from divider */
+}
+.pane-left {
+  padding-right: 16px;              /* symmetrical spacing */
+}
+
+/* (Optional) make both scroll panes taller so they fill more of the column */
+.pane-left  .scrollable-content,
+.pane-right .scrollable-content {
+  max-height: 610px;                /* was 420px; tweak to taste */
+}
 """
 
 
@@ -1207,14 +1221,14 @@ with gr.Blocks(css=css) as app:
                     context_similarity_weight = gr.Slider(minimum=0, maximum=1, value=0.5, step=0.1, label="Context Similarity Weight")
                     allow_nsfw = gr.Checkbox(label="Allow NSFW Tag Suggestions", value=False)
                 with gr.Row():
-                    with gr.Column(scale=2):
+                    with gr.Column(scale=2, elem_classes=["pane-left"]):
                         unseen_tags = gr.HTML(
                             label="Unknown Tags",
                             value=create_html_placeholder(title="Unknown Tags"),
                             elem_id="unseen_html",
                             elem_classes=["scroll-fade"],
                         )
-                    with gr.Column(scale=1):
+                    with gr.Column(scale=1, elem_classes=["pane-right"]):
                         suggested_tags = gr.HTML(
                             label="Suggested Tags",
                             value=create_html_placeholder(title="Suggested Tags"),