diff --git a/src/views/statuses/index.vue b/src/views/statuses/index.vue index 1e8435ed..c2193363 100644 --- a/src/views/statuses/index.vue +++ b/src/views/statuses/index.vue @@ -8,10 +8,10 @@
- {{ $t('statuses.direct') }}: {{ statusVisibility.direct }} - {{ $t('statuses.private') }}: {{ statusVisibility.private }} - {{ $t('statuses.public') }}: {{ statusVisibility.public }} - {{ $t('statuses.unlisted') }}: {{ statusVisibility.unlisted }} + {{ $t('statuses.direct') }}: {{ statusVisibility.direct }} + {{ $t('statuses.private') }}: {{ statusVisibility.private }} + {{ $t('statuses.public') }}: {{ statusVisibility.public }} + {{ $t('statuses.unlisted') }}: {{ statusVisibility.unlisted }}
@@ -238,8 +238,26 @@ export default { .statuses-header-container { flex-direction: column; align-items: flex-start; + .el-button-group { + width: 100%; + } .el-button { padding: 10px 6.5px; + width: 50%; + } + .el-button-group>.el-button:first-child { + border-bottom-left-radius: 0; + } + .el-button-group>.el-button:not(:first-child):not(:last-child).private-button { + border-top-right-radius: 4px; + } + .el-button-group>.el-button:not(:first-child):not(:last-child).public-button { + border-bottom-left-radius: 4px; + border-top: white; + } + .el-button-group>.el-button:last-child { + border-top-right-radius: 0; + border-top: white; } .reboot-button { margin: 10px 0 0 0;