}
.video {
- display: flex;
- align-items: center;
+ display: grid;
+ grid-template-columns: 1fr auto;
background-color: pvar(--mainBackgroundColor);
padding: 10px;
border-bottom: 1px solid $separator-border-color;
+ .more {
+ display: flex;
+ }
+
&:hover {
background-color: rgba(0, 0, 0, 0.05);
border: none;
}
}
+ }
+}
- .dropdown-item {
- @include dropdown-with-icon-item;
- }
+.dropdown-menu {
- .timestamp-options {
- padding-top: 0;
- padding-left: 35px;
- margin-bottom: 15px;
+ .dropdown-item {
+ @include dropdown-with-icon-item;
- > div {
- display: flex;
- align-items: center;
- }
+ cursor: pointer;
+ }
- input {
- @include peertube-button;
- @include orange-button;
+ .timestamp-options {
+ padding-top: 0;
+ padding-left: 35px;
+ margin-bottom: 15px;
- margin-top: 10px;
- }
+ > div {
+ display: flex;
+ align-items: center;
+ margin-bottom: 5px;
+ }
+
+ my-peertube-checkbox {
+ margin-right: 5px;
+ }
+
+ input {
+ @include peertube-button;
+ @include orange-button;
+
+ margin-top: 10px;
}
}
}
my-edit-button {
display: inline-flex;
height: max-content;
+ margin: auto;
}
}