margins

app.py

@@ -619,9 +619,9 @@ CATEGORY_DISPLAY_MAP = {
     'Drug– and Substance–Related Activities': 'Drug Use',
     'Sexual Content and Violence': 'Sexual Content',
     'Weapon, Explosives, and Hazardous Materials': 'Weapons & Hazmat',
-    'Safe Prompts': 'Safe Prompts',
     'Cybercrime, Hacking, and Digital Exploits': 'Cybercrime',
-    'Creative Content Involving Illicit Themes': 'Illicit Creative'
+    'Creative Content Involving Illicit Themes': 'Illicit Creative',
+    'Safe Prompts': 'Safe Prompts'
 }
 # Create reverse mapping for lookups
 CATEGORY_REVERSE_MAP = {v: k for k, v in CATEGORY_DISPLAY_MAP.items()}

src/display/css_html_js.py

@@ -6,6 +6,9 @@ custom_css = """
 .markdown-text {
     font-size: 16px !important;
     text-align: justify !important;
+    line-height: 1.4 !important;
+    margin-top: 10px !important;
+    margin-bottom: 10px !important;
 }
 
 .tab-buttons button.selected {

src/display/utils.py

@@ -384,9 +384,9 @@ CATEGORIES = [
     'Drug– and Substance–Related Activities',
     'Sexual Content and Violence',
     'Weapon, Explosives, and Hazardous Materials',
-    'Safe Prompts',
     'Cybercrime, Hacking, and Digital Exploits',
-    'Creative Content Involving Illicit Themes'
+    'Creative Content Involving Illicit Themes',
+    'Safe Prompts'
 ]
 
 # Test types in GuardBench