diff --git a/src/components/mod_modal/mod_modal.scss b/src/components/mod_modal/mod_modal.scss index b4f5db5c..4e9cbb91 100644 --- a/src/components/mod_modal/mod_modal.scss +++ b/src/components/mod_modal/mod_modal.scss @@ -41,5 +41,14 @@ height: inherit; overflow-y: hidden; } + + .pagination-container { + display: flex; + justify-content: right; + + .btn { + margin-left: 0.6em; + } + } } } diff --git a/src/components/mod_modal/tabs/users_tab/users_tab.scss b/src/components/mod_modal/tabs/users_tab/users_tab.scss index 09a323ee..6127b9aa 100644 --- a/src/components/mod_modal/tabs/users_tab/users_tab.scss +++ b/src/components/mod_modal/tabs/users_tab/users_tab.scss @@ -1,25 +1,44 @@ @import '../../../../_variables.scss'; -.reports-header .right-side { +.users-header { display: flex; align-items: center; + justify-content: space-between; - .search-input-container { - padding: 0.8rem; + .right-side { display: flex; - justify-content: center; align-items: center; - .search-input { - width: 100%; - line-height: 1.125rem; - font-size: 1rem; - padding: 0.5rem; - box-sizing: border-box; - } + .search-input-container { + padding: 0.8rem; + display: flex; + justify-content: center; + align-items: center; - .search-icon { - margin-right: 0.3em; + .search-input { + width: 100%; + line-height: 1.125rem; + font-size: 1rem; + padding: 0.5rem; + box-sizing: border-box; + } + + .search-icon { + margin-right: 0.3em; + } } } } + +.users .user { + display: flex; + flex-direction: row; + + .user-moderation { + padding-top: 0.6em; + } + + .basic-user-card { + width: 0; + } +} diff --git a/src/components/mod_modal/tabs/users_tab/users_tab.vue b/src/components/mod_modal/tabs/users_tab/users_tab.vue index 1768cd24..10a86b2a 100644 --- a/src/components/mod_modal/tabs/users_tab/users_tab.vue +++ b/src/components/mod_modal/tabs/users_tab/users_tab.vue @@ -1,7 +1,7 @@