diff options
Diffstat (limited to 'client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.scss')
-rw-r--r-- | client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.scss | 14 |
1 files changed, 9 insertions, 5 deletions
diff --git a/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.scss b/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.scss index 9ccd03912..1fe28a682 100644 --- a/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.scss +++ b/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.scss | |||
@@ -17,8 +17,9 @@ my-video-thumbnail { | |||
17 | 17 | ||
18 | my-video-thumbnail, | 18 | my-video-thumbnail, |
19 | .fake-thumbnail { | 19 | .fake-thumbnail { |
20 | @include margin-right(10px); | ||
21 | |||
20 | display: flex; // Avoids an issue with line-height that adds space below the element | 22 | display: flex; // Avoids an issue with line-height that adds space below the element |
21 | margin-right: 10px; | ||
22 | } | 23 | } |
23 | 24 | ||
24 | .video { | 25 | .video { |
@@ -60,8 +61,9 @@ my-video-thumbnail, | |||
60 | cursor: pointer; | 61 | cursor: pointer; |
61 | 62 | ||
62 | .position { | 63 | .position { |
64 | @include margin-right(10px); | ||
65 | |||
63 | font-weight: $font-semibold; | 66 | font-weight: $font-semibold; |
64 | margin-right: 10px; | ||
65 | color: pvar(--greyForegroundColor); | 67 | color: pvar(--greyForegroundColor); |
66 | min-width: 25px; | 68 | min-width: 25px; |
67 | 69 | ||
@@ -101,8 +103,9 @@ my-video-thumbnail, | |||
101 | 103 | ||
102 | .more, | 104 | .more, |
103 | my-edit-button { | 105 | my-edit-button { |
106 | @include margin-left(auto); | ||
107 | |||
104 | justify-self: flex-end; | 108 | justify-self: flex-end; |
105 | margin-left: auto; | ||
106 | cursor: pointer; | 109 | cursor: pointer; |
107 | min-width: 24px; | 110 | min-width: 24px; |
108 | } | 111 | } |
@@ -135,8 +138,9 @@ my-video-thumbnail, | |||
135 | } | 138 | } |
136 | 139 | ||
137 | .timestamp-options { | 140 | .timestamp-options { |
141 | @include padding-left(35px); | ||
142 | |||
138 | padding-top: 0; | 143 | padding-top: 0; |
139 | padding-left: 35px; | ||
140 | margin-bottom: 15px; | 144 | margin-bottom: 15px; |
141 | 145 | ||
142 | > div { | 146 | > div { |
@@ -146,7 +150,7 @@ my-video-thumbnail, | |||
146 | } | 150 | } |
147 | 151 | ||
148 | my-peertube-checkbox { | 152 | my-peertube-checkbox { |
149 | margin-right: 5px; | 153 | @include margin-right(5px); |
150 | } | 154 | } |
151 | 155 | ||
152 | input { | 156 | input { |