From 789178061bf2d61a6a8ed11131ce0d527ae0b50e Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 22 Feb 2025 02:21:19 +0200
Subject: [PATCH] style(next): promoted attributes widget: improve CSS, add
 right margin

---
 src/public/stylesheets/theme-next/shell.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
index 898593a66..d4b748652 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -1837,16 +1837,21 @@ body.background-effects.zen #root-widget {
     border-bottom: 2px solid #0000001c !important;
 }
 
-/* Promoted attributes */
+/*
+ * Promoted attributes
+ */
 
+/* The promoted attributes section */
 div.promoted-attributes-container {
     display: flex;
+    margin-right: 15%;
     padding: 6px 0;
     gap: 8px;
     font-size: .85em;
     align-items: stretch;
 }
 
+/* A promoted attribute card */
 div.promoted-attribute-cell {
     --pa-card-padding-left: 16px;
     --pa-card-padding-right: 4px;
@@ -1861,6 +1866,7 @@ div.promoted-attribute-cell {
     overflow-y: visible;
 }
 
+/* A promoted attribute card (boolean attribute) */
 div.promoted-attribute-cell:has(input[type="checkbox"]):not(:has(.multiplicity > span)) {
     /* Checbox attribute, without multiplicity */
     padding-right: var(--pa-card-padding-left);
@@ -1892,11 +1898,13 @@ div.promoted-attribute-cell .tn-checkbox {
     height: 1cap;
 }
 
+/* The <div> containing the checkbox for a promoted boolean attribute */
 div.promoted-attribute-cell div:has(input[type="checkbox"]) {
-    order: -1;    
+    order: -1; /* Relocate the checkbox before the label */
     margin-right: 1.5em;
 }
 
+/* The element containing the "new attribute" and "remove this attribute button" */
 div.promoted-attribute-cell .multiplicity:has(span) {
     --icon-button-size: 28px;