diff options
Diffstat (limited to 'client/src/app/+video-channels/video-channels.component.scss')
-rw-r--r-- | client/src/app/+video-channels/video-channels.component.scss | 20 |
1 files changed, 19 insertions, 1 deletions
diff --git a/client/src/app/+video-channels/video-channels.component.scss b/client/src/app/+video-channels/video-channels.component.scss index 50b69e7ac..6470629f8 100644 --- a/client/src/app/+video-channels/video-channels.component.scss +++ b/client/src/app/+video-channels/video-channels.component.scss | |||
@@ -8,6 +8,21 @@ | |||
8 | width: 100%; | 8 | width: 100%; |
9 | } | 9 | } |
10 | 10 | ||
11 | .actor-info { | ||
12 | display: grid !important; | ||
13 | grid-template-columns: 1fr auto; | ||
14 | grid-template-rows: 1fr auto / 1fr auto; | ||
15 | grid-template-areas: "name buttons" "lower buttons"; | ||
16 | |||
17 | @media screen and (max-width: #{map-get($grid-breakpoints, lg)}) { | ||
18 | grid-template-areas: "name name" "lower buttons"; | ||
19 | } | ||
20 | } | ||
21 | |||
22 | .actor-names { | ||
23 | grid-area: name; | ||
24 | } | ||
25 | |||
11 | .actor-name { | 26 | .actor-name { |
12 | flex-grow: 1; | 27 | flex-grow: 1; |
13 | 28 | ||
@@ -25,6 +40,9 @@ | |||
25 | margin-left: auto; | 40 | margin-left: auto; |
26 | margin-top: 20px; | 41 | margin-top: 20px; |
27 | 42 | ||
43 | grid-row: buttons-start / span buttons-end; | ||
44 | grid-column: buttons-start; | ||
45 | |||
28 | a { | 46 | a { |
29 | @include peertube-button-outline; | 47 | @include peertube-button-outline; |
30 | line-height: 1.8; | 48 | line-height: 1.8; |
@@ -33,4 +51,4 @@ | |||
33 | my-subscribe-button { | 51 | my-subscribe-button { |
34 | height: min-content; | 52 | height: min-content; |
35 | } | 53 | } |
36 | } \ No newline at end of file | 54 | } |