From 436ff49d74e3eeeb00ab947b9b061bf991f15d8b Mon Sep 17 00:00:00 2001
From: Anthony Catel <paraboul@gmail.com>
Date: Mon, 13 Nov 2023 22:42:18 +0100
Subject: [PATCH] Use tabular font widths for the estimated number

---
 src/App.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index bb73074..7a8eb0f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -29,8 +29,8 @@
                         <button @click="setDensity(4)" class="btn">Packed</button>
                     </div>
                     <div class="text-center mt-2">
-                        <span class="block font-semibold text-teal-600">{{ density.toFixed(2) }} people per sqm <small>(~10 sqft)</small></span>
-                        <span class="inline-block mt-2 text-xl font-bold text-gray-800">{{ estimated }} estimated</span>
+                        <span class="block font-semibold text-teal-600 tabular-nums">{{ density.toFixed(2) }} people per sqm <small>(~10 sqft)</small></span>
+                        <span class="inline-block mt-2 text-xl font-bold text-gray-800 tabular-nums">{{ estimated }} estimated</span>
                     </div>
                 </div>
                 <div class="text-center font-bold" v-else>