spacing changes in description front-end

app.py

@@ -16,17 +16,23 @@ ent_sum = [f'{ent} = <i>{ent_dict[ent]}</i>' for ent in entities ]
 with gr.Blocks() as demo:
     gr.Markdown(
         f"""
+        <style>
+        .list {{
+            display: grid;
+            grid-template-columns: 1fr 1fr 1fr;
+            }}
+        </style>
         <div style="display: block; text-align: left; padding:0; margin:0;">
             <h1 style="text-align: center">Babel Machine Demo</h1>
             <p>This is a demo for text classification using language models finetuned on data labeled by <a href="https://www.comparativeagendas.net/">CAP</a>, <a href="https://manifesto-project.wzb.eu/">Manifesto Project</a>, sentiment, and emotion coding systems.<br>
             For the coding of complete datasets, please visit the official <a href="https://babel.poltextlab.com/">Babel Machine</a> site.<br>
             Please note that named entity inputs are case sensitive.<br>
             For named entity recognition the following labels are used:</p>
-            <ul>
-            <li> {'</li> <li>'.join(ent_sum)} </li>
+            <ul class="list">
+            <li class="list-item"> {'</li class="list-item"> <li>'.join(ent_sum)} </li>
             </ul>
         </div>
-        """)
+        """
 
     gr.TabbedInterface(
         interface_list=[cap_demo, manifesto_demo, sentiment_demo, emotion_demo, ner_demo],