diff options
Diffstat (limited to 'client/src/app/videos/+video-watch/video-watch.component.scss')
-rw-r--r-- | client/src/app/videos/+video-watch/video-watch.component.scss | 14 |
1 files changed, 13 insertions, 1 deletions
diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss index 86b44d5da..7b134a4dc 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.scss +++ b/client/src/app/videos/+video-watch/video-watch.component.scss | |||
@@ -108,6 +108,10 @@ $player-factor: 1.7; // 16/9 | |||
108 | border-radius: 0; | 108 | border-radius: 0; |
109 | } | 109 | } |
110 | 110 | ||
111 | .flex-direction-column { | ||
112 | flex-direction: column; | ||
113 | } | ||
114 | |||
111 | #video-not-found { | 115 | #video-not-found { |
112 | height: 300px; | 116 | height: 300px; |
113 | line-height: 300px; | 117 | line-height: 300px; |
@@ -142,6 +146,13 @@ $player-factor: 1.7; // 16/9 | |||
142 | flex-grow: 1; | 146 | flex-grow: 1; |
143 | } | 147 | } |
144 | 148 | ||
149 | .video-info-first-row-bottom { | ||
150 | display: grid; | ||
151 | grid-template-columns: 1fr auto; | ||
152 | align-items: center; | ||
153 | width: 100%; | ||
154 | } | ||
155 | |||
145 | .video-info-date-views { | 156 | .video-info-date-views { |
146 | flex-grow: 1; | 157 | flex-grow: 1; |
147 | margin-bottom: 10px; | 158 | margin-bottom: 10px; |
@@ -209,8 +220,9 @@ $player-factor: 1.7; // 16/9 | |||
209 | } | 220 | } |
210 | 221 | ||
211 | .video-actions-rates { | 222 | .video-actions-rates { |
212 | margin: 20px 0 10px 0; | 223 | margin: 0 0 10px 0; |
213 | align-items: start; | 224 | align-items: start; |
225 | width: max-content; | ||
214 | 226 | ||
215 | .video-actions { | 227 | .video-actions { |
216 | height: 40px; // Align with the title | 228 | height: 40px; // Align with the title |