diff --git a/core/client/app/styles/layouts/users.css b/core/client/app/styles/layouts/users.css index 05bce1e635..9064982ff0 100644 --- a/core/client/app/styles/layouts/users.css +++ b/core/client/app/styles/layouts/users.css @@ -22,26 +22,14 @@ } .user-list-item { + display: flex; + justify-content: start; + align-items: center; + padding: 0 15px; + height: 68px; border-top: 1px solid #dfe1e3; } -@media (max-width: 550px) { - .user-list-item { - display: block; - padding: 15px 0; - } -} - -@media (min-width: 551px) { - .user-list-item { - display: flex; - justify-content: start; - align-items: center; - padding: 0 15px; - height: 68px; - } -} - /* Only apply these styles to anchor tags (pending invited are divs) */ a.user-list-item { text-decoration: none; @@ -98,14 +86,6 @@ a.user-list-item { opacity: 0; } -@media (max-width: 550px) { - .user-list-item-icon, - .user-list-item-figure { - float: left; - margin-right: 15px; - } -} - .user-list-item-body { flex: 1 1 auto; align-items: stretch; @@ -113,12 +93,6 @@ a.user-list-item { line-height: 1; } -@media (max-width: 550px) { - .user-list-item-body { - margin-top: 3px; - } -} - .user-list-item-body .name { display: inline-block; color: var(--darkgrey); @@ -134,24 +108,10 @@ a.user-list-item { font-size: 12px; } -@media (max-width: 550px) { - .user-list-item-aside { - float: left; - margin: 12px 0 0 50px; - width: 100%; - } -} - .user-list-item-aside .user-list-action:not(:first-of-type) { margin-left: 20px; } -@media (min-width: 551px) { - .user-list-item-aside .user-list-action:not(:first-of-type) { - margin-left: 50px; - } -} - .user-list-item-aside .role-label { float: left; margin-top: -1px;