Update app.py

app.py

@@ -48,6 +48,15 @@ css="""
     margin: 0 auto;
     max-width: 940px;
 }
+#project-links{
+    margin-top: 12px!important;
+    column-gap: 8px;
+    display: flex;
+    justify-content: center;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    align-items: center;
+}
 """
 with gr.Blocks(css=css) as demo:
     with gr.Column(elem_id="col-container"):
@@ -55,7 +64,7 @@ with gr.Blocks(css=css) as demo:
         <h1 style="text-align: center;">DreamTalk</h1>
         <h2 style="text-align: center;">When Expressive Talking Head Generation Meets Diffusion Probabilistic Models</h2>
         <p style="text-align: center;max-width:720px;">
-            DreamTalk is a diffusion-based audio-driven expressive talking head generation framework that can produce high-quality talking head videos across diverse speaking styles. <br />
+            DreamTalk is a diffusion-based audio-driven expressive talking head generation framework that can produce high-quality talking head videos across diverse speaking styles.
             DreamTalk exhibits robust performance with a diverse array of inputs, including songs, speech in multiple languages, noisy audio, and out-of-domain portraits.
         </p>
         """)
@@ -135,7 +144,7 @@ with gr.Blocks(css=css) as demo:
                 output_video = gr.Video(format="mp4")
                 gr.HTML("""
                 <img src="https://github.com/ali-vilab/dreamtalk/raw/main/media/teaser.gif" style="margin: 0 auto;border-radius: 10px;" />
-                <p align="center">
+                <p id="project-links" align="center">
                   <a href='https://dreamtalk-project.github.io/'><img src='https://img.shields.io/badge/Project-Page-Green'></a> <a href='https://arxiv.org/abs/2312.09767'><img src='https://img.shields.io/badge/Paper-Arxiv-red'></a> <a href='https://youtu.be/VF4vlE6ZqWQ'><img src='https://badges.aleen42.com/src/youtube.svg'></a>
                 </p>
                 """)