Upload folder using huggingface_hub

hate_speech_demo.py

@@ -143,7 +143,7 @@ body, .gradio-container {
 .result-header {
     font-size: 18px;
     font-weight: bold;
-    margin-bottom: 10px;
+    margin-bottom: 0px;
     padding-bottom: 5px;
     border-bottom: 1px solid #eee;
     font-family: 'All Round Gothic Demi', 'Poppins', sans-serif !important;
@@ -829,7 +829,7 @@ def create_gradio_app():
 
             # 🌟 Contextual Safety Oracle
             gr.HTML("""
-            <div class="result-header" style="display: flex; align-items: center; gap: 2px;">
+            <div class="result-header" style="display: flex; align-items: center; gap: 10px;">
                 <span>🌟 Contextual Safety Oracle</span>
                 <a href="#" class="knowledge-button" onclick="openPolicyPopup(); return false;">View policy</a>
             </div>
@@ -839,7 +839,7 @@ def create_gradio_app():
 
             # 🦙 LlamaGuard
             gr.HTML("""
-            <div class="result-header" style="display: flex; align-items: center; gap: 2px;">
+            <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" 
                 target="_blank" class="knowledge-button">View model card</a>
@@ -849,7 +849,7 @@ def create_gradio_app():
 
             # 🧷 OpenAI Moderation
             gr.HTML("""
-            <div class="result-header" style="display: flex; align-items: center; gap: 2px;">
+            <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" 
                 target="_blank" class="knowledge-button">View model card</a>
@@ -859,7 +859,7 @@ def create_gradio_app():
 
             # 🧩 Perspective API
             gr.HTML("""
-            <div class="result-header" style="display: flex; align-items: center; gap: 2px;">
+            <div class="result-header" style="display: flex; align-items: center; gap: 10px;">
                 <span>Perspective API</span>
                 <a href="https://developers.perspectiveapi.com/s/docs" 
                 target="_blank" class="knowledge-button">View docs</a>