src/static/css/ui_spacing/console.css

@media (max-width: 700px) {
  /*
   * == THREAD LIST VIEW ==
   **/

  /* Hide work state label when thread row is collapsed */
  ec-thread-summary .thread-summary:not(.expanded) .issue-tracking-work-state {
    display: none!important;
  }
}

@media (max-width: 599px) {
  /*
   * == THREAD LIST VIEW ==
   **/

  /* Squeeze all elements in each row */
  ec-thread-summary .issue-tracking-work-state {
    display: none!important;
  }

  ec-thread-summary .title,
      ec-thread-summary ec-second-summary-line .properties,
      ec-thread-summary ec-second-summary-line ec-relative-time {
    margin-inline-start: 0!important;
    margin-inline-end: 8px!important;
  }

  ec-thread-summary ec-thread-counts,
      ec-thread-summary ec-second-summary-line .icons {
    width: auto!important;
  }

  ec-thread-summary .TWPT-label > span {
    max-width: 95px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  ec-thread-list ec-bulk-actions {
    padding-inline-start: 1px!important;
    padding-inline-end: 0!important;
  }

  ec-thread-list ec-bulk-actions ec-work-state-picker {
    display: none!important;
  }

  ec-thread-summary .panel > .main-header > .action > .header.header {
    padding-inline: 0!important;
  }

  body:not(.TWPT-threadlistavatars-enabled) ec-thread-summary div.header a.header-content {
    width: calc(100% - 112px)!important;
  }

  body.TWPT-threadlistavatars-enabled ec-thread-summary div.header a.header-content {
    width: calc(100% - 146px)!important;
  }

  .TWPT-avatars {
    min-width: 62px!important;
    margin-inline-start: 4px!important;
  }

  .TWPT-avatars .TWPT-avatar:first-child {
    margin-inline-start: 2px!important;
  }

  .TWPT-avatars .TWPT-avatar,
      .TWPT-avatars .TWPT-avatar-private-placeholder {
    height: 22px!important;
    width: 22px!important;
    line-height: 22px!important;
    font-size: 18px!important;
  }

  ec-thread-summary .header.header .checkbox {
    min-width: 40px!important;
  }

  ec-thread-summary .header.header .checkbox material-checkbox {
    width: 40px!important;
    margin: 0!important;
  }

  ec-thread-summary .header.header .star-button {
    display: none;
  }

  ec-thread-summary .action .expand-button {
    min-width: 40px;
    width: 40px;
    margin-inline-start: 0;
    padding: 0;
  }

  ec-thread-summary .action .expand-button > .mdc-icon-button__touch {
    width: 40px;
    height: 40px;
  }

  ec-thread-summary .action .expand-button > material-ripple,
      ec-thread-summary .action .expand-button::after {
    top: 4px;
    height: Calc(100% - 8px);
  }

  ec-thread-summary .thread-summary.expanded .main.main .content-wrapper {
    margin: 0 12px 16px!important;
  }

  ec-thread-summary .thread-summary.expanded .main.main .content-wrapper > .content > .content {
    padding-inline: 28px 30px!important;
    padding-block: 0!important;
  }

  ec-thread-summary .thread-summary.expanded .main.main .toolbelt .TWPT-extrainfo-container {
    margin-inline-start: 40px!important;
  }
}

@media (min-width: 37.5rem) {
  /*
   * == THREAD VIEW ==
   **/
  .scTailwindThreadQuestionQuestioncardcontent {
    padding: 2rem 3rem 1.5rem 3rem!important;
  }

  /*
   * == SIDEBAR ==
   * Make the items more compact, like before, but only in large screens.
   */
  :is(ec-forum-drawer-item, ec-filter-drawer-item) material-list-item {
    height: 40px!important;
  }

  ec-filter-drawer-item material-list-item {
    line-height: 32px!important;
  }

  :is(ec-forum-drawer-item, ec-filter-drawer-item) material-menu > material-button > .content {
    padding: 8px!important;
  }

  ec-filter-drawer-item > material-menu {
    top: 0!important;
  }
}