diff --git a/index.html b/index.html index 41851be..319a1e1 100644 --- a/index.html +++ b/index.html @@ -258,39 +258,67 @@

Na koho se obrátit

Ve chvílích, kdy si nevíte rady, nebojte se obrátit na organizace a instituce, které se zabývají danou problematikou a mohou vám pomoct situaci vyřešit, případně s vámi prokonzultují jednotlivé kroky. Níže najdete tipy na organizace, které vám poskytnout odbornou pomoc.

-
-
Linka pro rodinu a školu
-

Organizace, která pomáhá řešit náročné či nebezpečné situace ve škole i rodině.

-
-
- 116 000 -
-
- linkaztracenedite.cz +
+
+
Linka pro rodinu a školu
+

Organizace, která pomáhá řešit náročné či nebezpečné situace ve škole i rodině.

+
+
+ 116 000 +
+
+ linkaztracenedite.cz +
-
-
-
Bílý kruh bezpečí
-

Organizace poskytující pomoc obětem trestných činů a domácího násilí.

-
-
- 116 006 +
+
Bílý kruh bezpečí
+

Organizace poskytující pomoc obětem trestných činů a domácího násilí.

+
+
+ 116 006 +
+
+ bkb.cz +
-
- bkb.cz +
+
+
Centrum Locika
+

Centrum pomáhající dětem, které se setkaly s násilím v rodině.

+
+
+ 601 500 196 +
+
+ centrumlocika.cz +
-
-
Centrum Locika
-

Centrum pomáhající dětem, které se setkaly s násilím v rodině.

-
-
- 601 500 196 +
+
+
Rodičovská linka
+

Místo, kde najdete krizovou pomoc a poradenství pro všechny, kteří se starají o děti.

+
+
+ 606 021 021 +
+
+ rodicovskalinka.cz +
-
- centrumlocika.cz +
+
+
Linka bezpečí
+

Spolek, který poskytuje pomoc dětem a studentům, kteří se dostaly do náročné životní situace.

+
+
+ 116 111 +
+
+ linkabezpeci.cz +
diff --git a/sass/style.scss b/sass/style.scss index 62616c0..d0163c0 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -676,11 +676,24 @@ body.noscroll { } .contact-list { - display: flex; - flex-direction: column; - margin-top: 5rem; + margin: 5rem 0 8rem 0; + + .row { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + } + + .row:first-child .contact:first-child { + border-top: none; + } + .row .contact:first-child { + border-top: 1px solid $col-secondary; + } - .contact { + .row .contact { + width: 100%; padding: 3rem 0; border-bottom: 1px solid $col-secondary; flex: 1; @@ -957,13 +970,19 @@ footer { align-items: stretch; } - .contact-list { + .contact-list .row { flex-direction: row; + margin-bottom: 4rem; .contact { + max-width: 25em; padding: 0 3rem; border-bottom: none; border-right: 1px solid $col-secondary; + + &:first-child { + border-top: none; + } } }