From 4d2b037dbe4e78aa90a4a6d9c7315dcf0a51fed9 Mon Sep 17 00:00:00 2001
From: Corentin Thomasset <corentin.thomasset74@gmail.com>
Date: Sat, 27 May 2023 17:36:15 +0200
Subject: refactor(ui): removed all n-space

---
 src/tools/otp-code-generator-and-validator/token-display.vue | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

(limited to 'src/tools/otp-code-generator-and-validator/token-display.vue')

diff --git a/src/tools/otp-code-generator-and-validator/token-display.vue b/src/tools/otp-code-generator-and-validator/token-display.vue
index 6eadcb2..532cbe7 100644
--- a/src/tools/otp-code-generator-and-validator/token-display.vue
+++ b/src/tools/otp-code-generator-and-validator/token-display.vue
@@ -1,10 +1,10 @@
 <template>
   <div>
-    <n-space class="labels" item-style="flex: 1 1 0" w-full align="center">
-      <div style="text-align: left">Previous</div>
-      <div style="text-align: center">Current OTP</div>
-      <div style="text-align: right">Next</div>
-    </n-space>
+    <div class="labels" w-full flex items-center>
+      <div flex-1 text-left>Previous</div>
+      <div flex-1 text-center>Current OTP</div>
+      <div flex-1 text-right>Next</div>
+    </div>
     <n-input-group>
       <n-tooltip trigger="hover" placement="bottom">
         <template #trigger>
@@ -63,7 +63,6 @@ const { tokens } = toRefs(props);
 
 .labels {
   div {
-    text-align: center;
     padding: 0 2px 6px 2px;
     line-height: 1.25;
   }
-- 
cgit v1.2.3

