Template:Def/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 3: / Line 3: @@
 */
-/* No pill */
+/* Inline, no pill — align icon + text cleanly */
 .sv-def {
-   display: inline-block;
+   display: inline-flex;
+  align-items: center;
+  gap: 0.35em;            /* spacing between icon and text (only when icon exists) */
    vertical-align: baseline;
    white-space: nowrap;
@@ Line 11: / Line 13: @@
 }
-/* Icon wrappers (only apply when an icon exists) */
+/* Icon wrapper(s) */
 .sv-def-icon,
 .sv-def-icon-img {
-   display: inline-block;
+   display: inline-flex;
-   margin-right: 0.35em;   /* spacing between icon and text */
+   align-items: center;
-   vertical-align: -0.1em; /* subtle baseline alignment */
+   justify-content: center;
 }
-/* Blue info circle (consistent in light/dark) */
+/* If file icons render as images, keep them tidy + centered */
-.sv-def-icon {
-  width: 1.05em;
-  height: 1.05em;
-  line-height: 1.05em;
-  text-align: center;
-  border-radius: 999px;
-  font-size: 0.75em;
-  font-weight: 800;
-  background: #0b63c5;
-  color: #ffffff;
-}
-/* If file icons render as images, keep them aligned */
 .sv-def-icon-img img {
-   vertical-align: middle;
+   display: block;
 }