diff options
author | Rigel Kent <sendmemail@rigelk.eu> | 2019-12-15 22:44:31 +0100 |
---|---|---|
committer | Rigel Kent <sendmemail@rigelk.eu> | 2019-12-15 22:44:31 +0100 |
commit | 88adad2d0f42028a116ccc8173f5a62ad306cc32 (patch) | |
tree | 7066c14ed2a999bcaebd22599917545b631aa3ae /client/src/app/videos/+video-watch/comment/video-comment-add.component.scss | |
parent | dd4f25eea802fd88ea641d730432b56f562e0861 (diff) | |
download | PeerTube-88adad2d0f42028a116ccc8173f5a62ad306cc32.tar.gz PeerTube-88adad2d0f42028a116ccc8173f5a62ad306cc32.tar.zst PeerTube-88adad2d0f42028a116ccc8173f5a62ad306cc32.zip |
improve comment form: cancel button and full width
Diffstat (limited to 'client/src/app/videos/+video-watch/comment/video-comment-add.component.scss')
-rw-r--r-- | client/src/app/videos/+video-watch/comment/video-comment-add.component.scss | 17 |
1 files changed, 14 insertions, 3 deletions
diff --git a/client/src/app/videos/+video-watch/comment/video-comment-add.component.scss b/client/src/app/videos/+video-watch/comment/video-comment-add.component.scss index 5087f71b6..c04727ba0 100644 --- a/client/src/app/videos/+video-watch/comment/video-comment-add.component.scss +++ b/client/src/app/videos/+video-watch/comment/video-comment-add.component.scss | |||
@@ -30,18 +30,29 @@ form { | |||
30 | } | 30 | } |
31 | } | 31 | } |
32 | 32 | ||
33 | .submit-comment { | 33 | .cancel-button { |
34 | font-weight: $font-semibold; | ||
35 | display: inline-block; | ||
36 | padding: 0 10px 0 10px; | ||
37 | white-space: nowrap; | ||
38 | background: transparent; | ||
39 | } | ||
40 | |||
41 | .comment-buttons { | ||
34 | display: flex; | 42 | display: flex; |
35 | justify-content: flex-end; | 43 | justify-content: flex-end; |
36 | 44 | ||
37 | button { | 45 | button { |
38 | @include peertube-button; | 46 | @include peertube-button; |
39 | @include orange-button; | 47 | |
48 | &:last-child { | ||
49 | @include orange-button; | ||
50 | } | ||
40 | } | 51 | } |
41 | } | 52 | } |
42 | 53 | ||
43 | @media screen and (max-width: 600px) { | 54 | @media screen and (max-width: 600px) { |
44 | textarea, .submit-comment button { | 55 | textarea, .comment-buttons button { |
45 | font-size: 14px !important; | 56 | font-size: 14px !important; |
46 | } | 57 | } |
47 | 58 | ||