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.0.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;
  }

  /* Add text to the button for adding a post */
  button[aria-label="Add post to this section"] span {
    width: auto !important;
  }
  button[aria-label="Add post to this section"] span::after {
    content: "Add post";
  }
}