diff options
| author | Chocobozzz <florian.bigard@gmail.com> | 2017-10-27 09:37:45 +0200 |
|---|---|---|
| committer | Chocobozzz <florian.bigard@gmail.com> | 2017-10-27 09:40:34 +0200 |
| commit | e02573ad67626210ed279bad321ee139094921a1 (patch) | |
| tree | cf8339abae08a2995554d4466d9f8827eb87d352 /client/src/app/videos | |
| parent | d6e32a2e91c090ed342eaf0709caac2630a67ff3 (diff) | |
| download | PeerTube-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.scss | 26 |
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 | } |