+// Bootstrap grid utilities require functions, variables and mixins
+@import 'node_modules/bootstrap/scss/functions';
+@import 'node_modules/bootstrap/scss/variables';
+@import 'node_modules/bootstrap/scss/mixins';
+@import 'node_modules/bootstrap/scss/grid';
+
@import '_variables';
@import '_mixins';
width: 100%;
}
+ .actor-info {
+ display: grid !important;
+ grid-template-columns: 1fr auto;
+ grid-template-rows: 1fr auto / 1fr auto;
+ grid-template-areas: "name buttons" "lower buttons";
+
+ @include media-breakpoint-down(lg) {
+ grid-template-areas: "name name" "lower buttons";
+ }
+ }
+
+ .actor-names {
+ grid-area: name;
+ }
+
.actor-name {
flex-grow: 1;
+
+ .copy-button {
+ border: none;
+ padding: 5px;
+ margin-top: -2px;
+ }
}
+}
- my-subscribe-button {
- /deep/ span[role=button] {
- padding: 7px 12px;
- font-size: 16px;
+.right-buttons {
+ display: flex;
+ height: max-content;
+ margin-left: auto;
+ margin-top: 10px;
+
+ grid-row: buttons-start / span buttons-end;
+ grid-column: buttons-start;
+
+ @include media-breakpoint-down(lg) {
+ flex-flow: column-reverse;
+
+ a {
+ margin-top: 0.25rem;
+ margin-right: 0 !important;
}
}
-}
\ No newline at end of file
+
+ a {
+ @include peertube-button-outline;
+ line-height: 1.8;
+ }
+
+ my-subscribe-button {
+ height: min-content;
+ }
+}