From e67b20abc1ce793105cac2e39cde941da78963b1 Mon Sep 17 00:00:00 2001
From: Kowalski <kmet.p@seznam.cz>
Date: Sat, 8 Mar 2025 19:30:49 +0100
Subject: [PATCH] =?UTF-8?q?Lep=C5=A1=C3=AD=20menu=20se=20seznamem=20obvod?=
 =?UTF-8?q?=C5=AF.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/Presentation/Home/default.latte | 15 ++++++++-
 www/css/base.css                    | 48 +++++++++++++++++++++++++++++
 2 files changed, 62 insertions(+), 1 deletion(-)

diff --git a/app/Presentation/Home/default.latte b/app/Presentation/Home/default.latte
index 3942ff7..268b1a4 100644
--- a/app/Presentation/Home/default.latte
+++ b/app/Presentation/Home/default.latte
@@ -3,9 +3,22 @@
 {block content}
 <h3>Seznam obvodů</h3>
 
-<div class="list-group" style="max-width: 200px">
+{* <div class="list-group" style="max-width: 200px">
 <a n:href=":Obvody:" class="list-group-item list-group-item-action">Všechny obvody</a>
 {foreach $obvody as $obvod}
     <a n:href=":Obvody: obvod:$obvod" class="list-group-item list-group-item-action">{$obvod}</a>
 {/foreach}
+</div> *}
+
+{* Tlačítka: *}
+
+<div class="p-1 m-1 d-flex flex-wrap justify-content-center">
+    <a n:href=":Obvody:" type="button" class="btn btn-klavesa btn-letter btn-flex box-shadow--6dp">
+        *
+    </a>
+{foreach $obvody as $obvod}
+    <a n:href=":Obvody: obvod:$obvod" type="button" class="btn btn-klavesa btn-letter btn-flex box-shadow--6dp">
+        {$obvod}
+    </a>
+{/foreach}
 </div>
\ No newline at end of file
diff --git a/www/css/base.css b/www/css/base.css
index 58397d6..ca2280c 100644
--- a/www/css/base.css
+++ b/www/css/base.css
@@ -5,4 +5,52 @@ body {
 html, body, #map {
     height: 100%;
     width: 100vw;
+}
+
+@media (orientation: portrait) {
+ 
+
+    .btn-letter {
+        font-size:10vw;
+        font-weight: bold;
+        color: #2652a8;
+        width: 18vw; 
+        height: 18vw;
+        margin: 0.5vw;
+        text-align: center;
+    }
+    
+    .btn-letter-del {
+        font-size:8.5vw;
+        width: 18vw; 
+        height: 18vw;
+        margin: 0.5vw;
+        text-align: center;
+    }
+}
+
+@media (orientation: landscape) {
+ 
+
+    .btn-tlacitko {
+        max-width: 22rem;
+    }
+
+    .btn-letter {
+        font-size:4vw;
+        font-weight: bold;
+        color: #2652a8;
+        width: 8vw; 
+        height: 8vw;
+        margin: 0.5vw;
+        text-align: center;
+    }
+    
+    .btn-letter-del {
+        font-size:3.5vw;
+        width: 8vw; 
+        height: 8vw;
+        margin: 0.5vw;
+        text-align: center;
+    }
 }
\ No newline at end of file