@import '_variables';
@import '_mixins';
-#video-container {
+#video-element-wrapper {
background-color: #000;
display: flex;
justify-content: center;
- #video-element {
+ /deep/ .video-js {
width: 888px;
height: 500px;
.video-info {
flex-grow: 1;
- margin-right: 28px;
+ margin-right: 40px;
+ // Set min width for flex item
+ min-width: 1px;
.video-info-first-row {
display: flex;
}
}
+ my-video-feed {
+ margin-left: 5px;
+ margin-top: 1px;
+ }
+
.video-actions-rates {
display: flex;
flex-direction: column;
font-size: 15px;
.video-info-description-html {
- word-break: normal;
- word-wrap: normal;
- text-align: justify;
+ word-wrap: break-word;
+ text-align: justify;
}
.description-loading {
}
.other-videos {
- padding-left: 1em;
-
.title-page {
margin-top: 0;
}
@media screen and (max-width: 1600px) {
.video-bottom {
.video-info {
- margin-right: 0;
+ margin-right: 20px;
.video-info-first-row {
flex-direction: column;
}
}
-@media screen and (max-width: 1200px) {
+@media screen and (max-width: 1300px) {
.other-videos {
display: none;
}