From 04e7e3720ae87b8639c5a3422821f8bc5619fc05 Mon Sep 17 00:00:00 2001
From: itskovacs <itskovacs@proton.me>
Date: Wed, 6 Aug 2025 18:17:56 +0200
Subject: [PATCH] :lipstick: Minor readability fixes

---
 .../shared/place-box/place-box.component.html | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/src/app/shared/place-box/place-box.component.html b/src/src/app/shared/place-box/place-box.component.html
index 3b703a8..b552a56 100644
--- a/src/src/app/shared/place-box/place-box.component.html
+++ b/src/src/app/shared/place-box/place-box.component.html
@@ -12,8 +12,8 @@
                     <div class="hidden md:flex mt-2 gap-1">
                         <span [style.color]="selectedPlace.category.color"
                             [style.background-color]="selectedPlace.category.color + '1A'"
-                            class="text-xs font-medium me-2 px-2.5 py-0.5 rounded flex gap-2 items-center truncate"><i
-                                class="pi pi-box text-xs"></i>{{ selectedPlace.category.name }}</span>
+                            class="text-sm font-medium me-2 px-2.5 py-0.5 rounded flex gap-2 items-center truncate"><i
+                                class="pi pi-box text-sm"></i>{{ selectedPlace.category.name }}</span>
 
                         @if (selectedPlace.allowdog) {
                         <span
@@ -27,11 +27,11 @@
 
                         @if (selectedPlace.visited) {
                         <span
-                            class="bg-green-100 text-green-800 text-sm me-2 px-2.5 py-0.5 rounded dark:bg-green-900 dark:text-green-300"><i
+                            class="flex items-center gap-1 bg-green-100 text-green-800 text-sm me-2 px-2.5 py-0.5 rounded dark:bg-green-900 dark:text-green-300"><i
                                 class="pi pi-eye text-xs"></i> Done</span>
                         } @else {
                         <span
-                            class="bg-red-100 text-red-800 text-sm me-2 px-2.5 py-0.5 rounded dark:bg-red-900 dark:text-red-300"><i
+                            class="flex items-center gap-1 bg-red-100 text-red-800 text-sm me-2 px-2.5 py-0.5 rounded dark:bg-red-900 dark:text-red-300"><i
                                 class="pi pi-eye-slash text-xs"></i> To do</span>
                         }
                     </div>
@@ -67,12 +67,12 @@
             <div class="grid grid-cols-2 col-span-2">
                 <div class="flex flex-col mb-4">
                     <span class="text-gray-500">Latitude</span>
-                    <span>{{ selectedPlace.lat }}</span>
+                    <span class="truncate">{{ selectedPlace.lat }}</span>
                 </div>
 
                 <div class="flex flex-col mb-4">
                     <span class="text-gray-500">Longitude</span>
-                    <span>{{ selectedPlace.lng }}</span>
+                    <span class="truncate">{{ selectedPlace.lng }}</span>
                 </div>
 
                 <div class="flex flex-col mb-4">
@@ -95,26 +95,26 @@
         <div class="flex md:hidden mt-2 justify-center gap-1">
             <span [style.color]="selectedPlace.category.color"
                 [style.background-color]="selectedPlace.category.color + '1A'"
-                class="text-xs font-medium me-2 px-2.5 py-0.5 rounded flex gap-2 items-center truncate"><i
-                    class="pi pi-box text-xs"></i>{{ selectedPlace.category.name }}</span>
+                class="text-sm font-medium me-2 px-2.5 py-0.5 rounded flex gap-2 items-center truncate"><i
+                    class="pi pi-box text-sm"></i>{{ selectedPlace.category.name }}</span>
 
             @if (selectedPlace.allowdog) {
             <span
-                class="bg-green-100 text-green-800 text-sm me-2 px-2.5 py-0.5 rounded dark:bg-green-900 dark:text-green-300 ">🐶
+                class="bg-green-100 text-green-800 text-sm me-2 px-2.5 py-0.5 rounded dark:bg-green-900 dark:text-green-300 truncate">🐶
                 Yes</span>
             } @else {
             <span
-                class="bg-red-100 text-red-800 text-sm me-2 px-2.5 py-0.5 rounded dark:bg-red-900 dark:text-red-300">🐶
+                class="bg-red-100 text-red-800 text-sm me-2 px-2.5 py-0.5 rounded dark:bg-red-900 dark:text-red-300 truncate">🐶
                 No</span>
             }
 
             @if (selectedPlace.visited) {
             <span
-                class="bg-green-100 text-green-800 text-sm me-2 px-2.5 py-0.5 rounded dark:bg-green-900 dark:text-green-300"><i
+                class="bg-green-100 text-green-800 text-sm me-2 px-2.5 py-0.5 rounded dark:bg-green-900 dark:text-green-300 truncate"><i
                     class="pi pi-eye text-xs"></i> Done</span>
             } @else {
             <span
-                class="bg-red-100 text-red-800 text-sm me-2 px-2.5 py-0.5 rounded dark:bg-red-900 dark:text-red-300"><i
+                class="bg-red-100 text-red-800 text-sm me-2 px-2.5 py-0.5 rounded dark:bg-red-900 dark:text-red-300 truncate"><i
                     class="pi pi-eye-slash text-xs"></i> To do</span>
             }
         </div>