MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* Vector 2022: title + shortdesc on left, toolbar on right (top row only) */
@media (min-width: 720px) {
  .skin-vector-2022 .vector-page-titlebar {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "title toolbar"
      "subtitle subtitle";   /* subtitle gets its own row */
    align-items: end;
    column-gap: .75rem;
    row-gap: .15rem;
  }

  /* Title */
  .skin-vector-2022 .mw-page-title-main {
    grid-area: title;
    margin: 0;
  }

  /* Subtitle (ShortDescription) */
  .skin-vector-2022 #siteSub {
    grid-area: subtitle;
    display: block !important;
    margin: .25rem 0 .9rem !important;  /* adjust to taste */
    font-size: .95em;
    color: #54595d;
  }

  /* Toolbar sits in the top-right only */
  .skin-vector-2022 .vector-page-toolbar {
    grid-area: toolbar;
    align-self: end;
    justify-self: end;
  }

  /* Kill extra bottom spacing/border some builds add */
  .skin-vector-2022 .vector-page-toolbar,
  .skin-vector-2022 .vector-page-toolbar .mw-portlet,
  .skin-vector-2022 .vector-page-toolbar .vector-menu-content,
  .skin-vector-2022 .vector-page-titlebar,
  .skin-vector-2022 .vector-page-toolbar-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  /* Fallback for setups that still use #p-views / #p-namespaces */
  .skin-vector-2022 #p-views,
  .skin-vector-2022 #p-namespaces {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }
}

/* Optional: remove top margin from first paragraph to tidy the block below */
.mw-parser-output > p:first-of-type { margin-top: 0; }