aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/videos/+video-watch/video-watch.component.scss
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2017-12-12 14:41:59 +0100
committerChocobozzz <me@florianbigard.com>2017-12-12 14:41:59 +0100
commitb2731bff2834fb6aacf166cf435030bf96eb12f3 (patch)
treea519c0669ffc27712fffebc5750df54952a61100 /client/src/app/videos/+video-watch/video-watch.component.scss
parent4a7eeb62f1364678fff28fef4a83a0e9b640017c (diff)
downloadPeerTube-b2731bff2834fb6aacf166cf435030bf96eb12f3.tar.gz
PeerTube-b2731bff2834fb6aacf166cf435030bf96eb12f3.tar.zst
PeerTube-b2731bff2834fb6aacf166cf435030bf96eb12f3.zip
Small style fixes
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.scss15
1 files changed, 10 insertions, 5 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 52082944a..e742e1329 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -43,12 +43,15 @@
43 align-items: center; 43 align-items: center;
44 44
45 .video-info-name { 45 .video-info-name {
46 margin-right: 30px;
46 font-size: 27px; 47 font-size: 27px;
47 font-weight: $font-semibold; 48 font-weight: $font-semibold;
48 flex-grow: 1; 49 flex-grow: 1;
49 } 50 }
50 51
51 .video-info-actions { 52 .video-info-actions {
53 min-width: 215px;
54
52 .action-button { 55 .action-button {
53 @include peertube-button; 56 @include peertube-button;
54 @include grey-button; 57 @include grey-button;
@@ -219,16 +222,12 @@
219} 222}
220 223
221 224
222@media screen and (max-width: 1000px) { 225@media screen and (max-width: 1200px) {
223 .other-videos { 226 .other-videos {
224 display: none; 227 display: none;
225 } 228 }
226}
227 229
228@media screen and (max-width: 800px) {
229 .video-bottom { 230 .video-bottom {
230 margin: 20px 0 0 0;
231
232 .video-info { 231 .video-info {
233 margin-right: 0; 232 margin-right: 0;
234 233
@@ -250,3 +249,9 @@
250 } 249 }
251 } 250 }
252} 251}
252
253@media screen and (max-width: 800px) {
254 .video-bottom {
255 margin: 20px 0 0 0;
256 }
257}