Fix some usability issues on Padlet.org

padlet-usability.user.css

/* ==UserStyle==
@name           Fix some usability issues on Padlet.org
@namespace      github.com/alphagov
@description    Fix some usability issues on Padlet.org
@version        1.1.1
@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") {
  /* 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;
  }

}