@import '_mixins';
@import '_miniature';
-$more-button-width: 41px;
+$more-button-width: 40px;
$more-margin-right: 15px;
.video-miniature {
display: inline-flex;
flex-direction: column;
padding-bottom: $video-miniature-margin-bottom;
- height: 195px;
vertical-align: top;
- overflow: hidden;
.video-bottom {
display: flex;
@include miniature-name;
}
+ .video-miniature-meta {
+ width: calc(100% + #{$more-button-width});
+ overflow: hidden;
+ }
+
.video-miniature-created-at-views {
display: block;
font-size: 13px;
&.fit-width {
width: 100%;
- height: unset;
- padding-bottom: $video-miniature-margin-bottom / 2;
.video-bottom {
width: 100% !important;
.video-miniature-information {
- width: calc(100% - 40px) !important;
+ width: calc(100% - #{$more-button-width}) !important;
}
}