discourse/app/assets/stylesheets/mobile/components/more-topics.scss

.more-topics__container {
  .nav {
    margin-block: 0.5em 1em;
    border-bottom: 1px solid var(--primary-low);
  }

  .more-content-topics {
    padding: 15px 0 15px 0;

    a.badge-category,
    a.badge-category-parent {
      font-size: var(--font-down-1);
      vertical-align: top;
    }
    .suggested-topics-message {
      margin-top: 1em;
    }
  }
}
UX: Use pill design on both mobile and desktop (#23124) 2023-08-18 01:37:11 +08:00			`.more-topics__container {`
UX: update styling for related/suggested (#23231) * UX: update styling for related/suggested This PR addresses state issues for icons of the Related & Suggested buttons, as well as well as fixes alignment issues for folding phones / tablets, wider mobile devices by moving styling to the desktop scss file; also replaces border with box-shadow. 2023-08-25 04:23:35 +08:00			`.nav {`
			`margin-block: 0.5em 1em;`
UX: selected indicator more topics spacing (#23696) * UX: selected indicator more topics spacing In relation to the selected indicator, this PR addresses a vertical and horizontal issue with the indicator touching the table header and its left alignment to be more consistent with the regular topic list feed. * UX: border for pill navigation on mobile Makes UI more consistent desktop -> mobile, by adding a border to the bottom of the Suggested/Related. 2023-09-28 07:23:30 +08:00			`border-bottom: 1px solid var(--primary-low);`
UX: update styling for related/suggested (#23231) * UX: update styling for related/suggested This PR addresses state issues for icons of the Related & Suggested buttons, as well as well as fixes alignment issues for folding phones / tablets, wider mobile devices by moving styling to the desktop scss file; also replaces border with box-shadow. 2023-08-25 04:23:35 +08:00			`}`

UX: Use pill design on both mobile and desktop (#23124) 2023-08-18 01:37:11 +08:00			`.more-content-topics {`
			`padding: 15px 0 15px 0;`

			`a.badge-category,`
			`a.badge-category-parent {`
			`font-size: var(--font-down-1);`
			`vertical-align: top;`
			`}`
			`.suggested-topics-message {`
			`margin-top: 1em;`
			`}`
			`}`
			`}`