Template:Def/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 3: / Line 3: @@
 */
-/* Inline, no pill — align icon + text cleanly */
+/* Inline, flush with text baseline, icon vertically centered */
 .sv-def {
    display: inline-flex;
    align-items: center;
-   gap: 0.35em;            /* spacing between icon and text (only when icon exists) */
+   gap: 0.35em;
-   vertical-align: baseline;
+  vertical-align: baseline;   /* important */
-   white-space: nowrap;
+   line-height: inherit;       /* match surrounding text */
+   white-space: normal;        /* don’t force nowrap; let it flow like text */
    cursor: help;
 }
@@ Line 19: / Line 20: @@
    align-items: center;
    justify-content: center;
+  line-height: 0;             /* prevents wrapper from affecting line box */
 }
-/* If file icons render as images, keep them tidy + centered */
+/* If file icons render as images, keep them tidy */
 .sv-def-icon-img img {
    display: block;