$mobile-breakpoint: 700px; .bookmark-list { .topic-list-data.post-metadata { text-align: center; } } .bookmark-list-item { .topic-list-data.post-metadata { text-align: center; } @media (max-width: $mobile-breakpoint) { .main-link { padding-right: 0.5em; } } .main-link.topic-list-data { .bookmark-status-with-link { a.title { padding: 0; } } } .d-icon.bookmark-pinned { font-size: var(--font-down-2); margin-right: 0.2em; } .bookmark-metadata { font-size: var(--font-down-2); margin-bottom: 0.25em; &-item { display: inline-block; margin-right: 1em; margin-bottom: 0.25em; line-height: $line-height-medium; span { word-break: break-word; } &.bookmark-expired-reminder { color: var(--danger); } } .d-icon { margin-right: 0.25em; } } .bookmark-status-with-link { display: flex; flex-direction: row; align-items: center; .mobile-view & { margin-bottom: 0.15em; } .topic-statuses { float: none; } } .post-excerpt { overflow: hidden; padding-right: 1em; } .mobile-view & { .avatar { float: left; margin: 0.27em 0.27em 0 0; } } } .select-kit.bookmark-actions-dropdown { .select-kit-body { max-width: 350px; } }