aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/videos
diff options
context:
space:
mode:
authorChocobozzz <florian.bigard@gmail.com>2017-10-27 09:37:45 +0200
committerChocobozzz <florian.bigard@gmail.com>2017-10-27 09:40:34 +0200
commite02573ad67626210ed279bad321ee139094921a1 (patch)
treecf8339abae08a2995554d4466d9f8827eb87d352 /client/src/app/videos
parentd6e32a2e91c090ed342eaf0709caac2630a67ff3 (diff)
downloadPeerTube-e02573ad67626210ed279bad321ee139094921a1.tar.gz
PeerTube-e02573ad67626210ed279bad321ee139094921a1.tar.zst
PeerTube-e02573ad67626210ed279bad321ee139094921a1.zip
Fix tag display on video watch
Diffstat (limited to 'client/src/app/videos')
-rw-r--r--client/src/app/videos/+video-watch/video-watch.component.scss26
1 files changed, 16 insertions, 10 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 69661747c..01ceab3c5 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -33,8 +33,9 @@
33 .video-name-views { 33 .video-name-views {
34 font-weight: bold; 34 font-weight: bold;
35 font-size: 18px; 35 font-size: 18px;
36 height: $video-watch-title-height; 36 min-height: $video-watch-title-height;
37 line-height: $video-watch-title-height; 37 display: flex;
38 align-items: center;
38 39
39 .video-name { 40 .video-name {
40 padding-left: $video-watch-info-padding-left; 41 padding-left: $video-watch-info-padding-left;
@@ -175,20 +176,25 @@
175 font-weight: bold; 176 font-weight: bold;
176 font-size: 12px; 177 font-size: 12px;
177 178
178 .video-details-attribute-label { 179 .video-details-attribute {
179 color: $video-watch-info-color; 180 display: flex;
180 display: inline-block; 181
181 width: 60px; 182 .video-details-attribute-label {
182 margin-right: 5px; 183 color: $video-watch-info-color;
184 flex-basis: 60px;
185 flex-grow: 0;
186 flex-shrink: 0;
187 margin-right: 5px;
188 }
183 } 189 }
184 } 190 }
185 191
186 .video-details-tags { 192 .video-details-tags {
187 display: inline-block; 193 display: flex;
194 flex-wrap: wrap;
188 195
189 a { 196 a {
190 display: inline-block; 197 margin: 0 3px 3px 0;
191 margin-right: 3px;
192 font-size: 11px; 198 font-size: 11px;
193 } 199 }
194 } 200 }