Upload app.py

app.py

@@ -152,29 +152,37 @@ CSS = """
   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. */
+
+/* Prevent the main "Marka / Tag" button from stretching vertically */
+#btn_tag{
+  align-self:flex-start !important;
+  flex:0 0 auto !important;
+  height:fit-content !important;
+}
+#btn_tag button{
+  height:auto !important;
+}
+
+/* Dataframes: never wrap any cell; allow sideways scroll instead. */
 #out_df, #out_mean_df{
+  max-width:100% !important;
+}
+/* The scroll container is not always the outer div in Gradio, so target common wrappers too */
+#out_df, #out_mean_df,
+#out_df .table-wrap, #out_mean_df .table-wrap,
+#out_df .wrap, #out_mean_df .wrap{
   overflow-x:auto !important;
+  display:block !important;
 }
 #out_df table, #out_mean_df table{
   table-layout:auto !important;
   width:max-content !important;
+  min-width:100% !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){
+#out_df th, #out_df td,
+#out_mean_df th, #out_mean_df td{
   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;
-}
-
 """
 
 # ----------------------------
@@ -627,9 +635,9 @@ 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",
+            elem_id="out_df",
         value=pd.DataFrame(columns=[UI["fo"]["w"], UI["fo"]["t"], UI["fo"]["s"]]),
-        wrap=True, interactive=False, show_label=False,
+        wrap=False, interactive=False, show_label=False,
         row_count=(0, "fixed"), col_count=(3, "fixed"),
         visible=False,
     )
@@ -637,9 +645,9 @@ 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",
+                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,
+            wrap=False, interactive=False, show_label=False,
             row_count=(0, "fixed"), col_count=(3, "fixed"),
         )