Changeset View
Changeset View
Standalone View
Standalone View
web/settings/relationship/user-list-row.css
| .container { | .container { | ||||
| display: flex; | display: flex; | ||||
| justify-content: space-between; | justify-content: space-between; | ||||
| padding: 16px; | padding: 16px; | ||||
| color: var(--relationship-modal-color); | color: var(--relationship-modal-color); | ||||
| font-size: var(--l-font-18); | font-size: var(--l-font-18); | ||||
| line-height: var(--line-height-display); | line-height: var(--line-height-display); | ||||
| } | } | ||||
| .usernameContainer { | .usernameContainer { | ||||
| white-space: nowrap; | white-space: nowrap; | ||||
| text-overflow: ellipsis; | text-overflow: ellipsis; | ||||
| overflow: hidden; | overflow: hidden; | ||||
| margin-left: 8px; | |||||
| } | } | ||||
| .buttons { | .buttons { | ||||
| display: flex; | display: flex; | ||||
| flex-direction: row; | flex-direction: row; | ||||
| align-items: center; | align-items: center; | ||||
| gap: 8px; | gap: 8px; | ||||
| } | } | ||||
| .button { | .button { | ||||
| font-size: var(--s-font-14); | font-size: var(--s-font-14); | ||||
| line-height: var(--line-height-text); | line-height: var(--line-height-text); | ||||
| color: var(--btn-bg-filled); | color: var(--btn-bg-filled); | ||||
| } | } | ||||
| .edit_menu { | .edit_menu { | ||||
| position: relative; | position: relative; | ||||
| } | } | ||||
| div.userInfoContainer { | |||||
| display: flex; | |||||
| flex-direction: row; | |||||
| align-items: center; | |||||
| } | |||||