+ @media screen and (max-width: $small-view) {
+ .video-miniature-information .video-miniature-name {
+ margin-top: 0;
+ }
+
+ .video-actions {
+ margin: 0;
+ top: -3px;
+
+ /deep/ .dropdown-root {
+ display: block !important;
+ }
+ }
+ }
+ }
+
+ &.display-as-row {
+ flex-direction: row;
+ margin-bottom: 0;
+ height: auto;
+ width: 100%;
+
+ my-video-thumbnail {
+ margin-right: 10px;
+ }
+
+ .video-bottom {
+ .video-miniature-information {
+ width: auto;
+ min-width: 500px;
+
+ .video-miniature-name {
+ @include ellipsis-multiline(1.3em, 2);
+
+ margin-top: 2px;
+ margin-bottom: 5px;
+ }
+
+ .video-miniature-created-at-views,
+ .video-miniature-account,
+ .video-miniature-channel {
+ font-size: 14px;
+ width: fit-content;
+ }
+
+ .video-info-privacy {
+ margin-top: 5px;
+ }
+
+ .video-info-blacklisted {
+ margin-top: 3px;
+ }
+ }
+
+ .video-actions {
+ margin: 0;
+ top: -3px;
+ }
+ }
+
+ @media screen and (max-width: $small-view) {
+ flex-direction: column;
+ height: auto;
+
+ my-video-thumbnail {
+ margin-right: 0;
+ }
+
+ .video-miniature-information {
+ min-width: initial;
+ }