From 61d60682a68ce8679ab836d2ff05ad8d0dbbef56 Mon Sep 17 00:00:00 2001
From: Artemy <artegoser@gmail.com>
Date: Wed, 24 Jan 2024 15:31:45 +0300
Subject: [PATCH] Update components.js

---
 src/components.js | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components.js b/src/components.js
index 80a5bac..aa18666 100644
--- a/src/components.js
+++ b/src/components.js
@@ -7,14 +7,14 @@ export function countryPopup(country, properties) {
   return `<div class="row" style="padding: 5px;">
   ${img(country.img)}
   ${title(country.name)}
+  ${tags(properties.tags)}
   <div class="col-12 glass p-2"> 
-    ${JSON.parse(properties.tags || "[]").join(", ")}
-    ${l("founded")}: ${new Date(country.date).toLocaleDateString()}
+    ${l("founded")}: ${new Date(country.date).toLocaleDateString()}<br/>
     ${
       country.description
         ? `<div>${converter.makeHtml(country.description)}</div>`
         : ""
-    }
+    }<br/>
     ${l("area")}: ${properties.area} ${l("km")}²
   </div>
   <div class="col-12 text-center mt-2">
@@ -27,6 +27,14 @@ export function countryPopup(country, properties) {
 </div>`;
 }
 
+function tags(tags) {
+  let tagstxt = JSON.parse(tags || "[]").join(", ");
+
+  return tagstxt
+    ? `<div class="col-12 glass p-2 text-center mb-2"> ${tagstxt}</div>`
+    : "";
+}
+
 function img(url) {
   return `<div class="col-12 col-sm-12" style="padding: 0px;"><img class="w-100 about-img" src="${url}"></div>`;
 }