diff --git a/client/coral-admin/src/components/UserDetail.css b/client/coral-admin/src/components/UserDetail.css index fbde4a626..4deb35550 100644 --- a/client/coral-admin/src/components/UserDetail.css +++ b/client/coral-admin/src/components/UserDetail.css @@ -1,168 +1,165 @@ .copyButton { - background-color: white; - border: solid 1px; - padding: 2px 6px; - height: auto; - line-height: initial; - min-width: auto; - letter-spacing: normal; - font-size: 0.9em; - margin-left: 10px; + background-color: white; + border: solid 1px; + padding: 2px 6px; + height: auto; + line-height: initial; + min-width: auto; + letter-spacing: normal; + font-size: 0.9em; + margin-left: 10px; } .userDetailList { - list-style: none; - padding: 0; - margin: 0; + list-style: none; + padding: 0; + margin: 0; } .userDetailItem { - margin: 0 5px; - font-weight: 500; + margin: 0 5px; + font-weight: 500; } .stats { - display: flex; - list-style: none; - padding: 0; - margin: 0; - text-align: center; - margin: 15px 0 5px; - color: #595959; + display: flex; + list-style: none; + padding: 0; + margin: 0; + text-align: center; + margin: 15px 0 5px; + color: #595959; } .stat { - margin-right: 20px; + margin-right: 20px; } .stat:last-child { - margin-right: 0px; + margin-right: 0px; } -.statItem, .statReportResult { - padding: 3px 5px; - background-color: #D8D8D8; - border-radius: 3px; - font-weight: 500; - display: block; - font-size: 0.9em; - line-height: normal; - letter-spacing: 0.4px; - min-width: 60px; +.statItem, +.statReportResult { + padding: 3px 5px; + background-color: #D8D8D8; + border-radius: 3px; + font-weight: 500; + display: block; + font-size: 0.9em; + line-height: normal; + letter-spacing: 0.4px; + min-width: 60px; } .statResult { - font-size: 1.5em; - padding: 5px 0; - display: inline-block; + font-size: 1.5em; + padding: 5px 0; + display: inline-block; } .statReportResult { - color: white; - margin: 5px 0; - font-weight: 400; + color: white; + margin: 5px 0; + font-weight: 400; } .statReportResult.reliable { - background-color: #749C48; + background-color: #749C48; } .statReportResult.neutral { - background-color: #616161; + background-color: #616161; } .statReportResult.unreliable { - background-color: #F44336; + background-color: #F44336; } .memberSince { - clear: both; + clear: both; } .small { - color: #888888; - font-size: 0.9em; - letter-spacing: 0.4px; + color: #888888; + font-size: 0.9em; + letter-spacing: 0.4px; } .profileEmail { - border: none; - background-color: transparent; - font-size: 16px; - outline: none; - width: calc(100% - 90px); + border: none; + background-color: transparent; + font-size: 16px; + outline: none; + width: calc(100% - 90px); } .commentStatuses { - padding: 0 0 0 10px; - margin: 0; - align-self: center; - list-style: none; - box-sizing: border-box; - li { - display: inline-block; - margin-right: 10px; - cursor: pointer; - padding: 0 10px; - } + padding: 0 0 0 10px; + margin: 0; + align-self: center; + list-style: none; + box-sizing: border-box; + li { + display: inline-block; + margin-right: 10px; + cursor: pointer; + padding: 0 10px; + } } .active { - font-weight: bold; - border-bottom: 3px solid #F36451; + font-weight: bold; + border-bottom: 3px solid #F36451; } .bulkActionGroup { - height: 52px; - background-color: #efefef; - padding: 0 0 0 10px; - display: flex; - i { - margin-right: 0; - } - - .bulkAction { - display: inline-block; - width: 48px; - height: 48px; - transform: scale(.7); - min-width: 0; - } - - .bulkAction:last-child { - margin-left: -10px; - } - - span{ - align-self: center; - font-weight: 500; - margin-left: 15px; - } + height: 52px; + background-color: #efefef; + padding: 0 0 0 10px; + display: flex; + i { + margin-right: 0; + } + .bulkAction { + display: inline-block; + width: 48px; + height: 48px; + transform: scale(.7); + min-width: 0; + } + .bulkAction:last-child { + margin-left: -10px; + } + span { + align-self: center; + font-weight: 500; + margin-left: 15px; + } } -.loadMore > button { - background-color: #696969; - - &:hover { - background-color: #404040; - color: white; - } +.loadMore>button { + background-color: #696969; + &:hover { + background-color: #404040; + color: white; + } } .toggleAll { - padding: 0 10px 0 0; - align-self: center; + padding: 0 10px 0 0; + align-self: center; } .commentList { - clear: both; + clear: both; } -.bulkActionHeader{ +.bulkActionHeader { display: flex; justify-content: space-between; height: 52px; - &.selected{ - background-color: #efefef; - } + &.selected { + background-color: #efefef; + } } \ No newline at end of file