diff options
Diffstat (limited to 'client/src/app/+my-account/my-account-videos/my-account-videos.component.scss')
-rw-r--r-- | client/src/app/+my-account/my-account-videos/my-account-videos.component.scss | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss b/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss index 8248cc94f..40bae7668 100644 --- a/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss +++ b/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss | |||
@@ -54,3 +54,47 @@ my-delete-button, | |||
54 | my-edit-button { | 54 | my-edit-button { |
55 | margin-right: 10px; | 55 | margin-right: 10px; |
56 | } | 56 | } |
57 | |||
58 | @media screen and (max-width: $small-view) { | ||
59 | .videos-header { | ||
60 | flex-direction: column; | ||
61 | } | ||
62 | |||
63 | ::ng-deep { | ||
64 | .video-miniature { | ||
65 | align-items: center; | ||
66 | |||
67 | .video-bottom, | ||
68 | .video-bottom .video-miniature-information { | ||
69 | /* same width than a.video-thumbnail */ | ||
70 | max-width: 223px !important; | ||
71 | } | ||
72 | } | ||
73 | } | ||
74 | |||
75 | my-delete-button, | ||
76 | my-edit-button { | ||
77 | margin-right: 0px; | ||
78 | |||
79 | ::ng-deep { | ||
80 | span, a { | ||
81 | margin-right: 0px; | ||
82 | } | ||
83 | } | ||
84 | } | ||
85 | |||
86 | my-delete-button, | ||
87 | my-edit-button, | ||
88 | my-button { | ||
89 | margin-top: 15px; | ||
90 | width: 100%; | ||
91 | text-align: center; | ||
92 | |||
93 | ::ng-deep { | ||
94 | .action-button { | ||
95 | /* same width than a.video-thumbnail */ | ||
96 | width: 223px; | ||
97 | } | ||
98 | } | ||
99 | } | ||
100 | } | ||