5 font-family: monospace;
9 background: rgba(0, 0, 0, 0.03);
14 word-break: break-word;
17 background: rgba(0, 0, 0, 0.07);
22 @include margin-right(5px);
24 font-weight: $font-semibold;
32 color: pvar(--mainColor);
41 white-space: pre-wrap;
42 word-wrap: break-word;
48 justify-content: flex-end;
51 .peertube-select-container {
52 @include peertube-select-container(150px);
56 .peertube-select-container,
58 @include margin-left(10px);
62 @media screen and (max-width: $small-view) {
64 flex-direction: column;
66 .peertube-select-container,
69 @include margin-left(0 !important);
71 width: 100% !important;
72 margin-bottom: 10px !important;
81 @media screen and (max-width: #{$small-view + $menu-width}) {
82 :host-context(.main-col:not(.expanded)) {
84 flex-direction: column;
86 .peertube-select-container,
89 @include margin-left(0 !important);
91 width: 100% !important;
92 margin-bottom: 10px !important;