Upload folder using huggingface_hub

hate_speech_demo.py

@@ -839,9 +839,9 @@ def create_gradio_app():
                 with gr.Row():
                     with gr.Column(scale=1):
                         gr.HTML("""
-<div class="result-header" style="display: flex; justify-content: space-between; align-items: center;">
+<div class="result-header" style="display: flex; align-items: center; gap: 10px;">
     <span>🦙 LlamaGuard 3.0</span>
-    <a href="https://github.com/meta-llama/PurpleLlama/blob/main/Llama-Guard3/8B/MODEL_CARD.md"
+    <a href="https://github.com/meta-llama/PurpleLlama/blob/main/Llama-Guard3/8B/MODEL_CARD.md" 
        target="_blank" class="knowledge-button">View model card</a>
 </div>
 """)
@@ -849,9 +849,9 @@ def create_gradio_app():
 
                     with gr.Column(scale=1):
                         gr.HTML("""
-<div class="result-header" style="display: flex; justify-content: space-between; align-items: center;">
+<div class="result-header" style="display: flex; align-items: center; gap: 10px;">
     <span>🧷 OpenAI Moderation</span>
-    <a href="https://platform.openai.com/docs/guides/moderation"
+    <a href="https://platform.openai.com/docs/guides/moderation" 
        target="_blank" class="knowledge-button">View model card</a>
 </div>
 """)
@@ -859,9 +859,9 @@ def create_gradio_app():
 
                     with gr.Column(scale=1):
                         gr.HTML("""
-<div class="result-header" style="display: flex; justify-content: space-between; align-items: center;">
+<div class="result-header" style="display: flex; align-items: center; gap: 10px;">
     <span>🧩 Perspective API</span>
-    <a href="https://developers.perspectiveapi.com/s/docs"
+    <a href="https://developers.perspectiveapi.com/s/docs" 
        target="_blank" class="knowledge-button">View docs</a>
 </div>
 """)