- // Set min width for flex item
- min-width: 1px;
- max-width: 100%;
-
- .video-info-first-row {
- display: flex;
-
- > div:first-child {
- flex-grow: 1;
- }
-
- .video-info-name {
- @include peertube-word-wrap;
-
- @include margin-right(30px);
-
- min-height: 40px; // Align with the action buttons
- font-size: 27px;
- font-weight: $font-semibold;
- flex-grow: 1;
- }
-
- .video-info-first-row-bottom {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- width: 100%;
- }
-
- .video-info-date-views {
- @include margin-right(10px);
-
- margin-bottom: 10px;
- align-self: start;
- font-size: 1em;
- }
-
- .video-info-channel {
- font-weight: $font-semibold;
- font-size: 15px;
-
- a {
- @include disable-default-a-behaviour;
- @include peertube-word-wrap;
-
- color: pvar(--mainForegroundColor);
-
- &:hover {
- opacity: 0.8;
- }
- }
-
- .video-info-channel-left {
- flex-grow: 1;
-
- .video-info-channel-left-links {
- display: flex;
- flex-direction: column;
- position: relative;
- line-height: 1.37;
-
- a:nth-of-type(2) {
- font-weight: $font-regular;
- font-size: 90%;
- }
-
- a.single-link {
- margin-top: 7px;
- }
- }
- }
-
- my-subscribe-button {
- @include margin-left(5px);
- }
- }
+ }
+}
+
+.video-info-name {
+ @include peertube-word-wrap;
+
+ @include margin-right(30px);
+
+ min-height: 40px; // Align with the action buttons
+ font-size: 27px;
+ font-weight: $font-semibold;
+ flex-grow: 1;
+}
+
+.video-info-first-row-bottom {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ width: 100%;
+}
+
+.video-info-date-views {
+ @include margin-right(10px);
+
+ margin-bottom: 10px;
+ align-self: start;
+ font-size: 1em;
+}
+
+.video-info-channel {
+ font-weight: $font-semibold;
+ font-size: 15px;
+
+ a {
+ @include disable-default-a-behaviour;
+ @include peertube-word-wrap;
+
+ color: pvar(--mainForegroundColor);
+
+ &:hover {
+ opacity: 0.8;