Pinafore-Web-Client-Frontend/routes/settings/_components/SettingsList.html

<div class="settings-list-wrapper">
  {{#if label}}
  <ul class="settings-list" aria-label="{{label}}">
    <slot></slot>
  </ul>
  {{else}}
  <ul class="settings-list">
    <slot></slot>
  </ul>
  {{/if}}
</div>
<style>
  .settings-list-wrapper {
    margin: 20px 20px;
  }
  ul.settings-list {
    list-style: none;
    width: 100%;
    border: 1px solid var(--settings-list-item-border);
    margin: 0 auto;
    box-sizing: border-box;
  }
  @media (max-width: 767px) {
    .settings-list-wrapper {
      margin: 20px 0;
    }
  }
</style>