From a14466307029434f8df2ea6415e940d56116a8a3 Mon Sep 17 00:00:00 2001
From: igor <mino@tpsoft.org>
Date: Sat, 3 May 2025 15:00:05 +0200
Subject: [PATCH] vylepsene zobrazenie technologii na stranke O aplikacii

---
 webapp/src/assets/css/style.css | 17 +++++++++++++++
 webapp/src/views/About.vue      | 38 ++++++++++++++++++++++-----------
 2 files changed, 43 insertions(+), 12 deletions(-)

diff --git a/webapp/src/assets/css/style.css b/webapp/src/assets/css/style.css
index 02688e8..afddf33 100644
--- a/webapp/src/assets/css/style.css
+++ b/webapp/src/assets/css/style.css
@@ -45,6 +45,7 @@ a {
 	font-weight: 500;
 	color: var(--color-text2);
 	text-decoration: inherit;
+	transition: all 0.3s;
 }
 a:hover {
 	color: var(--color-text3);
@@ -220,6 +221,22 @@ button:focus-visible {
 	padding: 10px;
 	text-align: center;
 }
+#about .cols {
+	/* border: 1px red solid; */
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+}
+#about .cols div {
+	margin: 10px;
+	padding: 10px;
+	background-color: var(--color-bg0);
+	transition: all 0.3s;
+	min-width: 150px;
+}
+#about .cols div:hover {
+	filter: brightness(1.2);
+}
 
 /* ----------------------------------------------------
    99 - LIGHT MODE
diff --git a/webapp/src/views/About.vue b/webapp/src/views/About.vue
index b885f84..981bb53 100644
--- a/webapp/src/views/About.vue
+++ b/webapp/src/views/About.vue
@@ -4,20 +4,34 @@
 			<h1>O aplikácii</h1>
 			<img src="/public/bugreport.svg" height="100" alt="" />
 			<h2>Bug Report</h2>
-			<p>Verzia aplikácie: {{ version }} &nbsp;|&nbsp; Zostavené: {{ build }}</p>
-			<p>Autor: <a href="mailto:mino@tpsoft.org">Ing. Igor Miňo</a></p>
 			<p>
-				Backend:
-				<a href="https://www.php.net" target="_blank"
-					><img src="/public/php-power-micro.png" alt="" /> PHP 8.2</a
-				>
-				&nbsp;|&nbsp; Databaza:
-				<a href="https://www.sqlite.org" target="_blank"
-					><img src="/public/SQLite370.svg" height="20" alt="" /> SQLite</a
-				>
-				&nbsp;|&nbsp; Frontend:
-				<a href="https://vuejs.org" target="_blank"><img src="/public/vue.svg" height="20" alt="" /> Vue 3</a>
+				Verzia aplikácie: {{ version }} &nbsp;|&nbsp; Zostavené: {{ build }}
 			</p>
+			<p>Autor: <a href="mailto:mino@tpsoft.org">Ing. Igor Miňo</a></p>
+			<div class="cols">
+				<div>
+					Backend thanks for <br />
+					<a href="https://www.php.net" target="_blank">
+						<img src="/public/php-power-micro.png" height="20" alt="" /> <br />
+						PHP 8.2
+					</a>
+				</div>
+				<div>
+					Database thanks for <br>
+					<a href="https://www.sqlite.org" target="_blank">
+						<img src="/public/SQLite370.svg" height="20" alt="" />  <br>
+						SQLite
+					</a>
+				</div>
+				<div>
+					Frontend thanks for <br>
+					<a href="https://vuejs.org" target="_blank">
+						<img src="/public/vue.svg" height="20" alt="" /> <br>
+						Vue 3
+					</a>
+				</div>
+			</div>
+
 			<p>
 				Zdrojové kódy:
 				<a href="https://git.tpsoft.org/bugreport" target="_blank"