fix: visual touch-ups (#23012)

- **increase h2 mt**
- **tabs: remove rounded border**
- **fix page action icons**
- **increase article width**
- **reduce breadcrumb font size**

assets/css/components.css

@@ -110,6 +110,6 @@
 }
 
 .tab-item {
-  @apply inline-block rounded-sm px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-900;
+  @apply inline-block rounded-t-sm px-3 py-2 hover:bg-gray-100 dark:hover:bg-gray-900;
   @apply dark:text-gray-200;
 }

assets/css/global.css

@@ -49,7 +49,7 @@ input[type="search"]::-ms-clear {
     margin-bottom: 0.4em !important;
   }
   > h2 {
-    @apply mt-5! mb-3!;
+    @apply mt-7! mb-3!;
     font-size: 160% !important;
     a {
       @apply hover:no-underline!;

assets/css/utilities.css

@@ -1,13 +1,3 @@
-@utility icon-svg {
-  svg {
-    font-size: 24px;
-    width: 1em;
-    height: 1em;
-    display: inline-block;
-    fill: currentColor;
-  }
-}
-
 @utility icon-xs {
   svg {
     font-size: 12px;
@@ -91,6 +81,15 @@
     fill: currentColor;
   }
 }
+@utility icon-svg-stroke {
+  svg {
+    font-size: 24px;
+    width: 1em;
+    height: 1em;
+    display: inline-block;
+    stroke: currentColor;
+  }
+}
 
 @utility icon-xs {
   svg {
@@ -257,3 +256,7 @@
 @utility pagination-link {
   @apply flex items-center justify-center rounded-sm p-2;
 }
+
+@utility breadcrumbs {
+  font-size: 90%;
+}