From d41099d2049f5095717b77e4b7f7c759d402f3a1 Mon Sep 17 00:00:00 2001
From: Timothy Flynn <trflynn89@pm.me>
Date: Thu, 28 May 2026 16:40:04 -0400
Subject: [PATCH] LibWebView: Show the advanced config title above its full key
 path

Subjective, but this reads slightly better.
---
 Base/res/ladybird/about-pages/settings.html        |  5 +++--
 Base/res/ladybird/about-pages/settings/advanced.js | 10 +++++-----
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/Base/res/ladybird/about-pages/settings.html b/Base/res/ladybird/about-pages/settings.html
index b20a128327..dd621a2d0b 100644
--- a/Base/res/ladybird/about-pages/settings.html
+++ b/Base/res/ladybird/about-pages/settings.html
@@ -285,13 +285,14 @@
             .config-name {
                 font-family: monospace;
                 font-size: 13px;
+
+                margin-top: 6px;
+
                 opacity: 0.7;
                 overflow-wrap: anywhere;
             }
 
             .config-title {
-                margin-top: 6px;
-
                 font-size: 14px;
             }
 
diff --git a/Base/res/ladybird/about-pages/settings/advanced.js b/Base/res/ladybird/about-pages/settings/advanced.js
index 45f036e902..86e779e85d 100644
--- a/Base/res/ladybird/about-pages/settings/advanced.js
+++ b/Base/res/ladybird/about-pages/settings/advanced.js
@@ -68,21 +68,21 @@ function createRow(variable) {
     row.classList.add("inline-container");
     row.dataset.filterText = `${variable.name} ${variable.title} ${variable.description}`.toLowerCase();
 
-    const name = document.createElement("p");
-    name.classList.add("config-name");
-    name.textContent = variable.name;
-
     const title = document.createElement("p");
     title.classList.add("config-title");
     title.textContent = variable.title;
 
+    const name = document.createElement("p");
+    name.classList.add("config-name");
+    name.textContent = variable.name;
+
     const description = document.createElement("p");
     description.classList.add("description");
     description.textContent = variable.description;
 
     const label = document.createElement("label");
     label.htmlFor = variable.name;
-    label.append(name, title, description);
+    label.append(title, name, description);
 
     row.append(label, createControl(variable));
     return row;