update styling

app.py

@@ -124,13 +124,13 @@ OLDER_HEADER = f"""
 </table>
 """
 
-HEADER = f"""
-<div style="width: 100%; display: flex; flex-direction: column; gap: 8px; position: relative">
+HEADER = """
+<div style="width: 100%; display: flex; flex-direction: column; gap: 24px; padding-top: 24px; position: relative">
     <div style="display: flex; justify-content: space-between">
         <a href="https://www.patronus.ai">
-            <img src="https://postimage.me/images/2024/07/31/FullLogo_ColorDefault.png" width="125">
+            <img src="https://postimage.me/images/2024/07/31/FullLogo_ColorDefault.png" width="250">
         </a>
-        <div style="display: flex; gap: 4px;">
+        <div style="display: flex; gap: 12px;">
             <a href="https://huggingface.co/PatronusAI/Llama-3-Patronus-Lynx-8B-Instruct">
                 <img src="https://img.shields.io/badge/%F0%9F%A4%97%20Model_Card-Huggingface-orange" height="20">
             </a>
@@ -144,9 +144,10 @@ HEADER = f"""
     </div>
     <div>
         <h1>Lynx 8B v1.1 & Lynx 70B</h1>
-        <h1>Patronus Lynx Demo</h1>
+        <h2>Patronus Lynx Demo</h2>
     </div>
 </div>
+<hr>
 
 **Patronus Lynx** is a state-of-the-art open-source model for hallucination detection.