@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;
font-size: 15px;
}
- .video-info-by {
+ .video-info-by a {
+ @include disable-default-a-behaviour;
+
display: flex;
align-items: center;
font-size: 13px;
+ color: #000;
+
+ span:hover {
+ opacity: 0.8;
+ }
img {
@include avatar(18px);
}
}
+ 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;
+ @include peertube-word-wrap;
}
.description-loading {
}
.other-videos {
- padding-left: 1em;
+ 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;
.video-actions-rates {
margin-top: 20px;
- align-items: left;
+ align-items: start;
.video-info-likes-dislikes-bar {
margin-top: 10px;
}
}
-@media screen and (max-width: 1200px) {
+@media screen and (max-width: 1300px) {
.other-videos {
display: none;
}