+1

src/components/account-info.css

reviewed

··· 254 254 .account-container .note { 255 255 font-size: 95%; 256 256 line-height: 1.4; 257 257 + text-wrap: pretty; 257 258 } 258 259 .account-container .note:not(:has(p)):not(:empty) { 259 260 /* Some notes don't have <p> tags, so we need to add some padding */

+1

src/components/media-alt-modal.jsx

reviewed

··· 57 57 <p 58 58 style={{ 59 59 whiteSpace: 'pre-wrap', 60 60 + textWrap: 'pretty', 60 61 }} 61 62 > 62 63 {alt}

+3

src/components/status.css

reviewed

··· 603 603 margin-block: min(0.75em, 12px); 604 604 white-space: pre-wrap; 605 605 tab-size: 2; 606 606 + text-wrap: pretty; 606 607 } 607 608 .status .content p:first-child { 608 609 margin-block-start: 0; ··· 726 727 white-space: pre-line; 727 728 flex-basis: 15em; 728 729 flex-grow: 1; 730 730 + text-wrap: pretty; 729 731 } 730 732 } 731 733 ··· 1203 1205 box-orient: vertical; 1204 1206 -webkit-line-clamp: 2; 1205 1207 line-clamp: 2; 1208 1208 + text-wrap: balance; 1206 1209 } 1207 1210 .card .meta { 1208 1211 font-size: smaller;

+1

src/components/translation-block.css

reviewed

··· 83 83 .status-translation-block .translated-block output { 84 84 display: block; 85 85 margin-top: 0.75em; 86 86 + text-wrap: pretty; 86 87 } 87 88 .status-translation-block 88 89 .translated-block

+3 -1

src/pages/notifications.css

reviewed

··· 162 162 flex-grow: 1; 163 163 min-width: 0; 164 164 } 165 165 - .notification-content p:first-child { 165 165 + .notification-content > p:first-child { 166 166 margin-top: 0; 167 167 margin-bottom: 8px; 168 168 + text-wrap: pretty; 168 169 } 169 170 170 171 .notification-group-statuses { ··· 407 408 margin-block: min(0.75em, 12px); 408 409 white-space: pre-wrap; 409 410 tab-size: 2; 411 411 + text-wrap: pretty; 410 412 } 411 413 .announcements .announcement-reactions:not(:hidden) { 412 414 display: flex;