fix: tags page edit, preload fa kit

Author: imorland

extensions/tags/less/admin/TagsPage.less

@@ -34,6 +34,14 @@
   .icon {
     margin-right: 10px;
   }
+
+  // FontAwesome Kit sets --fa-display variable which breaks layout
+  // Only target tag icons (not button icons), as Button-icon has its own fix
+  > li .icon {
+    --fa-display: inline-block;
+    display: inline-block !important;
+    line-height: inherit !important;
+  }
 }
 
 .TagListItem-info {

framework/core/less/common/Button.less

@@ -268,6 +268,10 @@
 }
 .Button-icon {
   line-height: inherit;
+
+  // FontAwesome Kit overrides display to block, breaking button flex layout
+  // Force inline-block to work with button's inline-flex container
+  display: inline-block !important;
 }
 .Button-icon,
 .Button-caret {

framework/core/src/Frontend/FrontendServiceProvider.php

@@ -109,12 +109,26 @@ public function register(): void
                     if ($fontAwesome->useCdn()) {
                         $cdnUrl = $fontAwesome->cdnUrl();
                         if (! empty($cdnUrl)) {
-                            $document->css[] = $cdnUrl;
+                            // Preload CDN CSS for better performance
+                            $document->preloads[] = [
+                                'href' => $cdnUrl,
+                                'as' => 'style',
+                                'crossorigin' => 'anonymous'
+                            ];
+                            // Add CDN CSS with crossorigin for better caching
+                            $document->head[] = '<link rel="stylesheet" href="'.e($cdnUrl).'" crossorigin="anonymous">';
                         }
                     } elseif ($fontAwesome->useKit()) {
                         $kitUrl = $fontAwesome->kitUrl();
                         if (! empty($kitUrl)) {
-                            $document->js[] = $kitUrl;
+                            // Preload Kit JS for better performance
+                            $document->preloads[] = [
+                                'href' => $kitUrl,
+                                'as' => 'script',
+                                'crossorigin' => 'anonymous'
+                            ];
+                            // Add Kit JS with crossorigin for better caching
+                            $document->head[] = '<script src="'.e($kitUrl).'" crossorigin="anonymous"></script>';
                         }
                     }