X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Baccounts%2Faccounts.component.scss;h=e5f86e61ec71be35a673515de1b9b8e43c955891;hb=1c048f04a5a37fcf870804157216a271ac709e9d;hp=4c1f9402437d8da459b1d6a48573a521ede3f6b0;hpb=8cbc40b2fe9d36ef0505b9441276ca561342e9e9;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/+accounts/accounts.component.scss b/client/src/app/+accounts/accounts.component.scss index 4c1f94024..e5f86e61e 100644 --- a/client/src/app/+accounts/accounts.component.scss +++ b/client/src/app/+accounts/accounts.component.scss @@ -1,6 +1,6 @@ @use '_variables' as *; @use '_mixins' as *; -@use '_actor' as *; +@use '_account-channel-page' as *; @use '_miniature' as *; .root { @@ -20,27 +20,30 @@ display: flex; justify-content: space-between; align-items: center; - max-width: $max-channels-width; + + &.on-channel-page { + max-width: $max-channels-width; + } simple-search-input { @include margin-left(auto); } } -my-user-moderation-dropdown, -.badge { - @include margin-left(10px); - - position: relative; - top: 3px; -} +my-user-moderation-dropdown { + margin: 0 10px; -.badge { - font-size: 13px; + height: fit-content; } .copy-button { + @include margin-left(3px); + border: 0; + + my-global-icon { + width: 15px; + } } .account-info { @@ -61,6 +64,10 @@ my-user-moderation-dropdown, @include avatar-row-responsive(var(--myImgMargin), var(--myGreyFontSize)); } +.actor-display-name { + align-items: center; +} + .description { grid-column: 1 / 3; max-width: 1000px; @@ -92,6 +99,10 @@ my-user-moderation-dropdown, } } +.pt-badge { + @include margin-right(5px); +} + @media screen and (max-width: $small-view) { .root { --myGlobalTopPadding: 45px;