diff --git a/packages/ui/src/ui/pages/system/Masters/Instance.tsx b/packages/ui/src/ui/pages/system/Masters/Instance.tsx index c26219d9f..3096513a6 100644 --- a/packages/ui/src/ui/pages/system/Masters/Instance.tsx +++ b/packages/ui/src/ui/pages/system/Masters/Instance.tsx @@ -95,27 +95,23 @@ export const Instance: FC = ({instance, hostType, allowVoting, allowServi
{shortName}
- + - {allowService && ( - - )} - { - - [nonvoting] - - } + + + [nonvoting] + diff --git a/packages/ui/src/ui/pages/system/Masters/MasterGroup.scss b/packages/ui/src/ui/pages/system/Masters/MasterGroup.scss index 04d4a20fc..0621da331 100644 --- a/packages/ui/src/ui/pages/system/Masters/MasterGroup.scss +++ b/packages/ui/src/ui/pages/system/Masters/MasterGroup.scss @@ -51,6 +51,7 @@ grid-column: host; display: flex; align-items: center; + justify-content: space-between; gap: 0 4px; &-name { @@ -58,13 +59,23 @@ @include ellipsis(); } + $host: &; + &-btn { flex: 0 0 auto; visibility: hidden; + + &_hidden { + visibility: hidden; + } } &:hover &-btn { visibility: visible; + + &_hidden { + visibility: hidden; + } } &_quorum { @@ -90,9 +101,6 @@ &_missing { color: var(--danger-color); } - - &_unknown { - } } .yt-icon { @@ -114,9 +122,8 @@ } &__nonvoting { - display: none; - &_show { - display: unset; + &_hidden { + visibility: hidden; } } }