From 68cee8475417146b2a710a88ceccd16c785ca3d5 Mon Sep 17 00:00:00 2001
From: Emil Miler <em@0x45.cz>
Date: Thu, 23 Mar 2023 10:47:48 +0100
Subject: [PATCH] Smaller principles list

---
 index.html      |  5 -----
 sass/style.scss | 16 +++-------------
 2 files changed, 3 insertions(+), 18 deletions(-)

diff --git a/index.html b/index.html
index 8e1259e..0e0c5b5 100644
--- a/index.html
+++ b/index.html
@@ -95,23 +95,18 @@
 					<!-- Used on wide screens -->
 					<div class="active" data-value="principle-1">
 						<p class="title">Prevence</p>
-						<p>Prevence pomáhá zamezovat nežádoucím situacím a zároveň nám slouží  jako informační nástroj&hellip;</p>
 					</div>
 					<div data-value="principle-2">
 						<p class="title">Rozpoznání situace</p>
-						<p>Je důležité, aby se naše vnímání neomezilo jen na to, jestli se žák ve škole objevuje s&nbsp;modřinami nebo jinými známkami násilí&hellip;</p>
 					</div>
 					<div data-value="principle-3">
 						<p class="title">Vyhodnocení situace</p>
-						<p>Ve chvíli, kdy si všimneme dítěte, které vzbudí naše obavy, můžeme oslovit kolegy a promluvit s&nbsp;nimi&hellip;</p>
 					</div>
 					<div data-value="principle-4">
 						<p class="title">Spojení s&nbsp;rodiči a nahlášení situace</p>
-						<p>Nezapomínejme, že máme ohlašovací povinnost. Když je dítě ohroženo, musíme jednat hned&hellip;</p>
 					</div>
 					<div data-value="principle-5">
 						<p class="title">Péče o&nbsp;sebe</p>
-						<p>Každá situace klade velké nároky i na nás a naši psychiku. Cest, jak o&nbsp;sebe můžeme pečovat je mnoho&hellip;</p>
 					</div>
 				</div>
 				<div class="content" id="principles-content">
diff --git a/sass/style.scss b/sass/style.scss
index 7f5a6bb..03c3236 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -374,7 +374,7 @@ body.noscroll {
 	.list {
 		display: none;
 		flex-direction: column;
-		gap: 2em;
+		gap: 1em;
 
 		&>div {
 			padding: 1.5em;
@@ -395,21 +395,17 @@ body.noscroll {
 					position: absolute;
 					right: 0;
 					top: 0;
-					width: 3em;
+					width: 2em;
 					height: 100%;
 					background-color: $col-accent;
 					clip-path: polygon(0 0, 0 100%, 100% 50%);
-					transform: translatex(3em);
+					transform: translatex(2em);
 				}
 			}
 
 			&.active, &:hover {
 				background-color: $col-accent;
 				outline: none;
-
-				p:last-child {
-					color: $col-white;
-				}
 			}
 
 			.title {
@@ -418,12 +414,6 @@ body.noscroll {
 				text-align: left;
 				font-size: 1.138rem;
 			}
-
-			p:last-child {
-				margin-bottom: 0;
-				color: $col-secondary;
-				font-size: 0.95em;
-			}
 		}
 	}