Upload app.py

app.py

@@ -151,6 +151,30 @@ CSS = """
   border: 0 !important;
   box-shadow: none !important;
 }
+
+/* Dataframes: keep Word/Tag on one line; let Analysis wrap.
+   If a word/tag is very long, the dataframe will scroll horizontally instead of wrapping. */
+#out_df, #out_mean_df{
+  overflow-x:auto !important;
+}
+#out_df table, #out_mean_df table{
+  table-layout:auto !important;
+  width:max-content !important;
+}
+/* 1st + 2nd column (Word/Tag): never wrap */
+#out_df th:nth-child(1), #out_df td:nth-child(1),
+#out_df th:nth-child(2), #out_df td:nth-child(2),
+#out_mean_df th:nth-child(1), #out_mean_df td:nth-child(1),
+#out_mean_df th:nth-child(2), #out_mean_df td:nth-child(2){
+  white-space:nowrap !important;
+}
+/* 3rd column (Útgreining / Analysis): may wrap */
+#out_df th:nth-child(3), #out_df td:nth-child(3),
+#out_mean_df th:nth-child(3), #out_mean_df td:nth-child(3){
+  white-space:normal !important;
+  word-break:break-word !important;
+}
+
 """
 
 # ----------------------------
@@ -603,6 +627,7 @@ with gr.Blocks(css=CSS, title="Marka") as demo:
             btn_lang_en_off = gr.Button("English",  variant="secondary", elem_id="lang_en_off", visible=False)
 
     out_df = gr.Dataframe(
+        elem_id="out_df",
         value=pd.DataFrame(columns=[UI["fo"]["w"], UI["fo"]["t"], UI["fo"]["s"]]),
         wrap=True, interactive=False, show_label=False,
         row_count=(0, "fixed"), col_count=(3, "fixed"),
@@ -612,6 +637,7 @@ with gr.Blocks(css=CSS, title="Marka") as demo:
     expanded_acc = gr.Accordion("Útgreinað marking / Expanded tags", open=False, visible=False)
     with expanded_acc:
         out_mean_df = gr.Dataframe(
+            elem_id="out_mean_df",
             value=pd.DataFrame(columns=[UI["fo"]["w"], UI["fo"]["t"], UI["fo"]["m"]]),
             wrap=True, interactive=False, show_label=False,
             row_count=(0, "fixed"), col_count=(3, "fixed"),