From d8d766cccceeeef467d29d4ebe29d0c927f4ef43 Mon Sep 17 00:00:00 2001
From: Emil Miler <emil.miler@pedf.cuni.cz>
Date: Thu, 10 Dec 2020 16:56:04 +0100
Subject: [PATCH] =?UTF-8?q?Zob=C3=A1=C4=8Dek=20v=20lev=C3=A9m=20doln=C3=AD?=
 =?UTF-8?q?m=20rohu=20u=20polo=C5=BEek=20v=20menu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/galerie.svelte |  2 +-
 static/main.css               | 11 ++++++++---
 static/main.styl              | 10 +++++++---
 3 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/components/galerie.svelte b/src/components/galerie.svelte
index 10e6210..807f7ed 100644
--- a/src/components/galerie.svelte
+++ b/src/components/galerie.svelte
@@ -43,7 +43,7 @@
 <section class="row" style="margin-top: 5vh">
 	<div class="col-1"></div>
 	<div class="col flexy-boi">
-		<div class="horizontal-menu no-underline" style="position: relative; text-decoration: none !important;">
+		<div class="horizontal-menu corner no-underline" style="position: relative; text-decoration: none !important;">
 			<span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('all')}>Všechny</span>
 			<span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('hudba')}>Hudba</span>
 			<span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('human')}>Humanitní</span>
diff --git a/static/main.css b/static/main.css
index 752a205..d95ae00 100644
--- a/static/main.css
+++ b/static/main.css
@@ -129,14 +129,14 @@ canvas {
   font-weight: bold;
   cursor: pointer;
   box-sizing: content-box;
-  padding: 6px 8px;
+  padding: 2px 12px;
 }
 .horizontal-menu a:hover,
 .horizontal-menu span:hover {
-  border: solid 4px var(--color-primary);
+  outline: solid 4px var(--color-primary);
   opacity: 1 !important;
-  padding: 2px 4px;
   color: var(--color-primary);
+  background-image: none;
 }
 .horizontal-menu.no-underline span {
   text-decoration: none !important;
@@ -299,6 +299,11 @@ canvas {
   text-decoration: none;
   margin-right: 2em;
 }
+.corner span {
+  background-image: url("/svg/zobacek.svg");
+  background-repeat: no-repeat;
+  background-position: left bottom;
+}
 .panel .btn .menu-btn {
   left: auto;
   top: auto;
diff --git a/static/main.styl b/static/main.styl
index d701787..5a9f27a 100644
--- a/static/main.styl
+++ b/static/main.styl
@@ -125,12 +125,12 @@ body > canvas
 		font-weight: bold
 		cursor pointer
 		box-sizing: content-box
-		padding: 6px 8px
+		padding: 2px 12px
 		&:hover
-			border: solid 4px var(--color-primary)
+			outline: solid 4px var(--color-primary)
 			opacity: 1 !important
-			padding: 2px 4px
 			color: var(--color-primary)
+			background-image: none
 	&.no-underline span
 		text-decoration none !important
 	
@@ -279,6 +279,10 @@ body > canvas
 		text-decoration none
 		margin-right: 2em
 
+.corner span
+	background-image: url("/svg/zobacek.svg")
+	background-repeat: no-repeat
+	background-position: left bottom
 
 .panel .btn .menu-btn {
 	left: auto;