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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* CSS placed here will be applied to all skins */
/* Make inputbox responsive */
.responsive-inputbox input[type="text"] {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
  padding: 12px;
  font-size: 16px;
}

/* Make the button responsive too */
.responsive-inputbox input[type="submit"] {
  font-size: 16px;
  padding: 10px 15px;
  margin-top: 10px;
}

/* Optional: Stack input and button on small screens */
@media (max-width: 600px) {
  .responsive-inputbox form {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}