diff options
Diffstat (limited to 'client/src/app/+about/about-instance/about-instance.component.scss')
-rw-r--r-- | client/src/app/+about/about-instance/about-instance.component.scss | 35 |
1 files changed, 29 insertions, 6 deletions
diff --git a/client/src/app/+about/about-instance/about-instance.component.scss b/client/src/app/+about/about-instance/about-instance.component.scss index 0296ae8e9..909ae5c21 100644 --- a/client/src/app/+about/about-instance/about-instance.component.scss +++ b/client/src/app/+about/about-instance/about-instance.component.scss | |||
@@ -5,13 +5,12 @@ | |||
5 | display: flex; | 5 | display: flex; |
6 | justify-content: space-between; | 6 | justify-content: space-between; |
7 | 7 | ||
8 | & > div { | 8 | .title { |
9 | font-size: 20px; | 9 | font-size: 20px; |
10 | font-weight: bold; | 10 | font-weight: $font-semibold; |
11 | margin-bottom: 15px; | ||
12 | } | 11 | } |
13 | 12 | ||
14 | & > .contact-admin { | 13 | .contact-admin { |
15 | @include peertube-button; | 14 | @include peertube-button; |
16 | @include orange-button; | 15 | @include orange-button; |
17 | 16 | ||
@@ -19,14 +18,38 @@ | |||
19 | } | 18 | } |
20 | } | 19 | } |
21 | 20 | ||
21 | .instance-badges { | ||
22 | font-size: 16px; | ||
23 | |||
24 | .badge { | ||
25 | font-size: 12px; | ||
26 | font-weight: $font-semibold; | ||
27 | margin-right: 5px; | ||
28 | |||
29 | &.category { | ||
30 | background-color: var(--mainColor); | ||
31 | } | ||
32 | } | ||
33 | } | ||
34 | |||
22 | .section-title { | 35 | .section-title { |
23 | font-weight: $font-semibold; | 36 | font-weight: $font-semibold; |
24 | font-size: 20px; | 37 | font-size: 16px; |
25 | margin-bottom: 5px; | 38 | margin-bottom: 5px; |
39 | display: flex; | ||
40 | align-items: center; | ||
41 | } | ||
42 | |||
43 | .middle-title { | ||
44 | @include in-content-small-title; | ||
45 | |||
46 | margin-top: 45px; | ||
47 | margin-bottom: 25px; | ||
26 | } | 48 | } |
27 | 49 | ||
28 | .short-description, .description, .terms, .signup { | 50 | .block { |
29 | margin-bottom: 30px; | 51 | margin-bottom: 30px; |
52 | font-size: 15px; | ||
30 | } | 53 | } |
31 | 54 | ||
32 | .short-description .dedicated-to-nsfw { | 55 | .short-description .dedicated-to-nsfw { |