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.

/* Put title + shortdesc on the left, toolbar on the right (Vector 2022) */
@media (min-width: 720px) {
  /* Turn the titlebar into a 2x2 grid */
  .skin-vector-2022 .vector-page-titlebar {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "title toolbar"
      "subtitle toolbar";
    align-items: end;
    column-gap: 0.75rem;
    row-gap: 0.15rem;
  }

  /* Title occupies the top-left */
  .skin-vector-2022 .mw-page-title-main {
    grid-area: title;
    margin-bottom: 0; /* avoid extra gap above subtitle */
  }

  /* Short description sits directly under the title */
  .skin-vector-2022 #siteSub {
    grid-area: subtitle;
    display: block !important;
    font-size: 0.9em;
    color: #54595d;
    margin: 0 0 0.8rem 0;
  }

  /* Toolbar hugs the right, spanning both rows */
  .skin-vector-2022 .vector-page-toolbar {
    grid-area: toolbar;
    justify-self: end;
  }
}