]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame - client/src/app/videos/recommendations/recommended-videos.component.scss
Better spacing beetween comments
[github/Chocobozzz/PeerTube.git] / client / src / app / videos / recommendations / recommended-videos.component.scss
CommitLineData
d816f3a0 1.title-page-container {
5def76eb 2 display: flex;
d816f3a0 3 justify-content: space-between;
5def76eb 4 align-items: baseline;
d816f3a0 5 margin-bottom: 25px;
5def76eb 6 flex-wrap: wrap-reverse;
d816f3a0
RK
7
8 .title-page.active, .title-page.title-page-single {
9 margin-bottom: unset;
5def76eb 10 margin-right: .5rem !important;
d816f3a0
RK
11 }
12}
13
14.title-page-autoplay {
5def76eb 15 display: flex;
d816f3a0
RK
16 width: max-content;
17 height: max-content;
18 align-items: center;
5def76eb 19 margin-left: auto;
d816f3a0
RK
20
21 span {
22 margin-right: 0.3rem;
23 text-transform: uppercase;
24 font-size: 85%;
25 font-weight: 600;
26 }
27}
28
29/* p-inputSwitch styles to reduce the switch size */
30
31::ng-deep {
32 p-inputswitch {
33 height: 20px;
34 }
35
36 .ui-inputswitch {
37 width: 2.5em !important;
38 height: 1.45em !important;
39
40 .ui-inputswitch-slider::before {
41 height: 1em !important;
42 width: 1em !important;
43 }
44 }
45
46 .ui-inputswitch-checked .ui-inputswitch-slider::before {
47 transform: translateX(1em) !important;
48 }
49}