-@import '~bootstrap/scss/functions';
-@import '~bootstrap/scss/variables';
+@import '_mixins';
+@import '_variables';
-.action-button-cancel {
- margin-right: 0 !important;
+my-input-readonly-copy {
+ width: 100%;
+}
+
+.title-page.title-page-single {
+ margin-top: 0;
+}
+
+.playlist {
+ margin-bottom: 50px;
+}
+
+.peertube-select-container {
+ @include peertube-select-container(200px);
}
.qr-code-group {
text-align: center;
}
-.start-at {
+.nav-content {
+ margin-top: 30px;
display: flex;
justify-content: center;
- margin-top: 10px;
align-items: center;
+ flex-direction: column;
+}
+
+.alert {
+ margin-top: 20px;
+}
+
+.filters {
+ margin-top: 30px;
+
+ .advanced-filters-button {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-top: 20px;
+ font-size: 16px;
+ font-weight: $font-semibold;
+ cursor: pointer;
+
+ .glyphicon {
+ margin-right: 5px;
+ }
+ }
+
+ .form-group {
+ margin-bottom: 0;
+ height: 34px;
+ display: flex;
+ align-items: center;
+ }
+
+ .video-caption-block {
+ display: flex;
+ align-items: center;
+
+ .peertube-select-container {
+ margin-left: 10px;
+ }
+ }
+
+ .start-at,
+ .stop-at {
+ width: 300px;
+ display: flex;
+ align-items: center;
- my-timestamp-input {
- margin-left: 10px;
+ my-timestamp-input {
+ margin-left: 10px;
+ }
}
}