+
+ h4 {
+ font-size: 18px;
+ margin: 0;
+
+ a {
+ color: pvar(--mainForegroundColor);
+ }
+ }
+
+ .actor-handle {
+ font-size: var(--myGreyOwnerFontSize);
+ color: pvar(--greyForegroundColor);
+ }
+ }
+
+ .owner-description {
+ @include fade-text(120px, pvar(--mainBackgroundColor));
+
+ max-height: 140px;
+ word-break: break-word;
+ }
+}
+
+.view-account.short {
+ @include peertube-button-link;
+ @include orange-button-inverted;
+
+ margin-top: 30px;
+}
+
+.view-account.complete {
+ display: none;
+}
+
+.copy-button {
+ border: 0;
+}
+
+@media screen and (max-width: 1400px) {
+ // Takes all the row width
+ .channel-avatar-row {
+ grid-column: 1 / 3;
+ }
+
+ .owner-card {
+ @include margin-left(60px);
+
+ grid-row: 2;
+ }
+}
+
+@media screen and (max-width: 1100px) {
+ .root {
+ --myGlobalTopPadding: 45px;
+ --myChannelImgMargin: 15px;
+ }
+
+ .channel-info {
+ display: flex;
+ flex-direction: column;
+ margin-bottom: 0;
+ }
+
+ .channel-description:not(.expanded) {
+ @include fade-text(30px, pvar(--channelBackgroundColor));
+
+ max-height: 70px;
+ }
+
+ .show-more {
+ display: inline-block;