From ef79cb84794bdfb6044a3dbf4b578124a8cfa344 Mon Sep 17 00:00:00 2001
From: Emil Miler <emil.miler@pedf.cuni.cz>
Date: Sun, 25 Oct 2020 17:46:11 +0100
Subject: [PATCH] =?UTF-8?q?Tla=C4=8D=C3=ADtko=20'messenger'=20m=C3=A1=20vl?=
 =?UTF-8?q?astn=C3=AD=20t=C5=99=C3=ADdu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/style.css | 13 +++++++++++--
 index.html    |  4 ++--
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/css/style.css b/css/style.css
index 2845173..4dd8615 100644
--- a/css/style.css
+++ b/css/style.css
@@ -23,6 +23,13 @@ p { text-align: justify; }
 	padding: 0 1em;
 }
 
+.messenger {
+	max-width: 100%;
+	display: block;
+	margin-top: 2em;
+}
+.messenger img { max-width: 12em; }
+
 h1 { color: #d63647; margin-bottom: 0; clear: both; }
 h2, h3 { color: #68c7d2; }
 
@@ -41,7 +48,7 @@ main {
 }
 
 .row { height: auto; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-direction: row; margin: 5em 0; }
-.row img { max-height: 130%; max-width: 40%; }
+.row>img { max-height: 130%; max-width: 40%; }
 
 article {
 	background-color: #eee;
@@ -74,6 +81,8 @@ article: nth-child(1)::before {
 @media screen and (max-width: 699px) {
 	body { background: none; font-size: 1em; }
 
+	.messenger { text-align: center; }
+
 	header { width: 100%; }
 	header .logo { padding-top: 30px; width: 100%; float: none; margin: 0 auto; }
 	header .row p { max-width: 100%; }
@@ -82,7 +91,7 @@ article: nth-child(1)::before {
 
 	.row { flex-direction: column; margin: 4em 0; }
 	.row:nth-child(even) { flex-direction: column-reverse; }
-	.row img { max-height: 80%; max-width: 80%; margin: 1em 0; }
+	.row>img { max-height: 80%; max-width: 80%; margin: 1em 0; }
 
 	article { max-width: 100%; align-self: center !important; padding: 1em; }
 	article h2 { margin-top: auto; font-size: 2em; }
diff --git a/index.html b/index.html
index c0b9fa4..1e94a1a 100644
--- a/index.html
+++ b/index.html
@@ -17,7 +17,7 @@
 		<div class="row">
 				<p style="align-self:flex-start;">
 					Můj člověk se jmenuje Kuba. Touží být učitelem, inspirovat, nadchnout studenty, ale neumí tak docela mluvit s lidmi. Říkáte si, že to nejde moc dohromady? Jo, to máte pravdu, a proto jsem tu já. Ale to bych vám měl asi vysvětlit.<br>
-					<a href="https://m.me/pedf.cuni"><img src="img/messenger.png" alt="messenger" style="margin-top:2em;"></a>
+					<a href="https://m.me/pedf.cuni" class="messenger"><img src="img/messenger.png" alt="messenger"></a>
 				</p>
 			<img src="img/fitemebro.png" alt="oli">
 		</div>
@@ -99,7 +99,7 @@
 	<article>
 		<h2>A teď jsem tu pro tebe!</h2>
 		<p>Na promoci už šli ruku v ruce a já jsem si byl najednou jistý něčím, co jsem už dlouho tušil. Kuba to zvládl, splnil si svůj sen a jde učit. Mě už nepotřebuje. Díky našemu studiu jsem se ale naučil hromadu věcí o peďáku, které si nechci nechat pro sebe a budu je rád dál předávat. Být tu pro všechny bezradné studenty mi totiž dělá radost. Tak jsem zůstal na fakultě, plný informací a natěšený odpovídat. Stačí se jen zeptat.</p>
-		<a href="https://m.me/pedf.cuni"><img src="img/messenger.png" alt="messenger" style="margin-top:1em;"></a>
+		<a href="https://m.me/pedf.cuni" class="messenger"><img src="img/messenger.png" alt="messenger"></a>
 	</article>
 </div>