aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2018-02-07 11:02:56 +0100
committerChocobozzz <me@florianbigard.com>2018-02-07 11:02:56 +0100
commit196b7790d60c0b374b45d061b9dcbde3ccb80b3e (patch)
tree94d7f3e8a2c8a7a450c3e8edf2f691dbbd5ce71a
parentfafc13fff164778161bb6bb0d3019e2b7a238243 (diff)
downloadPeerTube-196b7790d60c0b374b45d061b9dcbde3ccb80b3e.tar.gz
PeerTube-196b7790d60c0b374b45d061b9dcbde3ccb80b3e.tar.zst
PeerTube-196b7790d60c0b374b45d061b9dcbde3ccb80b3e.zip
Fix title and action buttons in video watch
-rw-r--r--client/src/app/videos/+video-watch/video-watch.component.html2
-rw-r--r--client/src/app/videos/+video-watch/video-watch.component.scss11
2 files changed, 8 insertions, 5 deletions
diff --git a/client/src/app/videos/+video-watch/video-watch.component.html b/client/src/app/videos/+video-watch/video-watch.component.html
index 74ead1b76..af90e22a1 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.html
+++ b/client/src/app/videos/+video-watch/video-watch.component.html
@@ -44,7 +44,7 @@
44 <span class="icon icon-dislike" title="Dislike this video"></span> 44 <span class="icon icon-dislike" title="Dislike this video"></span>
45 </div> 45 </div>
46 46
47 <div (click)="showShareModal()" class="action-button"> 47 <div (click)="showShareModal()" class="action-button action-button-share">
48 <span class="icon icon-share"></span> 48 <span class="icon icon-share"></span>
49 Share 49 Share
50 </div> 50 </div>
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 6104da94f..c88596196 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -42,13 +42,13 @@
42 .video-info-first-row { 42 .video-info-first-row {
43 display: flex; 43 display: flex;
44 44
45 & div:first-child { 45 & > div:first-child {
46 flex-grow: 1; 46 flex-grow: 1;
47 } 47 }
48 48
49 .video-info-name { 49 .video-info-name {
50 margin-right: 30px; 50 margin-right: 30px;
51 height: 40px; // Align with the action buttons 51 min-height: 40px; // Align with the action buttons
52 font-size: 27px; 52 font-size: 27px;
53 font-weight: $font-semibold; 53 font-weight: $font-semibold;
54 flex-grow: 1; 54 flex-grow: 1;
@@ -80,11 +80,10 @@
80 .video-actions-rates { 80 .video-actions-rates {
81 display: flex; 81 display: flex;
82 flex-direction: column; 82 flex-direction: column;
83 align-items: end; 83 align-items: flex-end;
84 84
85 .video-actions { 85 .video-actions {
86 height: 40px; // Align with the title 86 height: 40px; // Align with the title
87 min-width: 215px;
88 display: flex; 87 display: flex;
89 align-items: center; 88 align-items: center;
90 89
@@ -125,6 +124,10 @@
125 } 124 }
126 } 125 }
127 126
127 &.action-button-share {
128 width: 82px;
129 }
130
128 &.action-button-like.activated { 131 &.action-button-like.activated {
129 background-color: #39CC0B; 132 background-color: #39CC0B;
130 133