Fix some usability issues on Padlet.org

padlet-usability.user.css

/* ==UserStyle==
@name           Fix some usability issues on Padlet.org|com
@namespace      github.com/alphagov
@description    Fix some usability issues on Padlet.org|com
@version        1.1.2
@license        MIT
@author         Crown Copyright, Government Digital Service
@homepageURL    https://gist.github.com/selfthinker/d82dbdbd5da8c84652eb73080052318c
@updateURL      https://gist.githubusercontent.com/selfthinker/d82dbdbd5da8c84652eb73080052318c/raw/padlet-usability.user.css
==/UserStyle== */

@-moz-document domain("padlet.org"), domain("padlet.com") {
  /* Remove background images */
  body {
    background-image: none !important;
  }
  body[data-background-luminance="dark"] {
    background-color: #333 !important;
  }
  body[data-background-luminance="light"] {
    background-color: #ccc !important;
  }

  /* Add a border around comment inputs */
  div.comment-rich-editor div[contenteditable=true],
  button[data-testid=addCommentButton] {
    border: 1px solid !important;
  }

  /* Improve button for adding a post */
  /* Spacing for button */
  button[aria-label="Add post to this section"] {
    height: auto !important;
    margin-top: .2rem !important;
    line-height: 1 !important;
  }
  button[aria-label="Add post to this section"] span {
    width: auto !important;
    padding: .2em 0;
  }
  /* Add text to button */
  button[aria-label="Add post to this section"] span::after {
    content: "Add card";
  }

  /* Make headings smaller because otherwise there is hardly any space for cards */
  h1, h2, h3 {
    line-height: 1.2 !important;
  }
  h1 {
    font-size: 16px !important;
  }
  h2 {
    font-size: 14px !important;
  }
  h3 {
    font-size: 14px !important;
  }

  /* Remove spacing within header */
  .surface-header > div.mt-9 {
    margin-top: 0 !important;
  }

  /* Make the column section headers take up less space when their text is longer */
  section.surface-section > div {
    height: auto !important;
    min-height: 5em;
  }

}

Install this userstyle by:

1. first installing something like the Stylus browser extension (which also exists for Firefox)
2. then opening the file on its own by clicking the "Raw" link on the top right
3. then just follow the onscreen instructions to install