padding: 10px;
display: flex;
- justify-content: center;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: center;
/* fix ellipsis dots background color */
::ng-deep .miniature-name::after {
}
}
+.playlist-buttons {
+ display:flex;
+ margin: 30px 0 10px 0;
+
+ .share-button {
+ @include peertube-button;
+ @include button-with-icon(17px, 3px, -1px);
+ @include grey-button;
+ @include apply-svg-color(pvar(--actionButtonColor));
+
+ margin-right: 10px;
+ }
+}
+
// Thanks Angular CDK <3 https://material.angular.io/cdk/drag-drop/examples
.cdk-drag-preview {
box-sizing: border-box;
margin-left: calc(#{var(--expanded-horizontal-margin-content)} * -1);
}
}
-
-@media not all and (hover: hover) and (pointer: fine) {
- .video {
- .more {
- opacity: 1;
- }
- }
-}