29 @media screen and (max-width: 600px) {
38 height: $video-watch-title-height;
39 line-height: $video-watch-title-height;
42 padding-left: $video-watch-info-padding-left;
47 // Keep a symmetry with the video name
48 padding-right: $video-watch-info-padding-left
53 height: $video-watch-info-height;
54 color: $video-watch-info-color;
55 border-color: $video-watch-border-color;
56 border-width: 1px 0px;
60 height: $video-watch-info-height;
62 flex-direction: column;
63 justify-content: center;
68 transition: color 0.3s;
76 color: #000 !important;
87 .video-small-block-text {
93 .video-small-block:not(:last-child) {
94 border-width: 0 1px 0 0;
95 border-color: $video-watch-border-color;
99 .video-small-block-author {
103 padding-left: $video-watch-info-padding-left;
106 .video-small-block-share, .video-small-block-more {
116 .video-small-block-more .video-small-block-dropdown {
119 .dropdown-item .glyphicon {
124 .video-small-block-rating {
126 .video-small-block-like {
130 .video-small-block-text {
141 transition: color 0.3s;
143 &.activated, &:hover {
153 .video-details-date-description {
154 padding-left: $video-watch-info-padding-left;
156 .video-details-date {
162 .video-details-attributes {
166 .video-details-attribute-label {
167 color: $video-watch-info-color;
168 display: inline-block;
174 .video-details-tags {
175 display: inline-block;
178 display: inline-block;