Merge pull request #364 from PR0M3TH3AN/codex/adjust-legend-styling-for-nip71tagsfieldset

Align NIP-71 tags legend spacing in modals

components/edit-video-modal.html

@@ -207,7 +207,9 @@
             class="space-y-6 rounded-lg border border-gray-800 bg-black/30 p-4"
             data-nip71-section="tags"
           >
-            <legend class="text-sm font-semibold text-gray-200">NIP-71 tags</legend>
+            <legend class="relative text-sm font-semibold text-gray-200">
+              <span class="inline-block -ml-2 rounded px-2 bg-black/30">NIP-71 tags</span>
+            </legend>
             <p class="text-xs text-gray-400">
               Use the controls below to describe media variants, captions, chapters, participants, and references.
             </p>

components/upload-modal.html

@@ -273,7 +273,9 @@
               class="space-y-6 rounded-lg border border-gray-800 bg-black/30 p-4"
               data-nip71-section="tags"
             >
-              <legend class="text-sm font-semibold text-gray-200">NIP-71 tags</legend>
+              <legend class="relative text-sm font-semibold text-gray-200">
+                <span class="inline-block -ml-2 rounded px-2 bg-black/30">NIP-71 tags</span>
+              </legend>
               <p class="text-xs text-gray-400">
                 Use the controls below to describe media variants, captions, chapters, participants, and references.
               </p>

css/style.css

@@ -82,6 +82,12 @@ body {
   overflow-x: hidden; /* Disable horizontal scrolling */
 }
 
+#nip71TagsFieldset > legend,
+#editNip71TagsFieldset > legend {
+  margin-left: 0;
+  padding: 0;
+}
+
 #app {
   /*
     Keep the primary content surface aligned with the page background so the