From 6e05eedb01cbfcdc220e9737917ced5ee8d3d8e3 Mon Sep 17 00:00:00 2001
From: Colin Gross <grosscol@gmail.com>
Date: Mon, 17 Jul 2023 16:04:15 -0400
Subject: [PATCH] Correct username alignment with nav items.

---
 package.json              | 2 +-
 src/components/NavBar.vue | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 6938903..d1c40ce 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bravue",
-  "version": "0.12.4",
+  "version": "0.12.5",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index 00cd0a3..f7dc616 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -11,7 +11,9 @@
     <div class="collapse navbar-collapse">
       <ul class="navbar-nav ml-auto">
         <div v-if="this.user">
-          <li class="nav-item btn-sm">{{user}}</li>
+          <li class="nav-item">
+            <span class="navbar-text btn-sm">{{user}}</span>
+          </li>
         </div>
         <div v-if="!this.loginDisabled">
           <li class="nav-item"><a class="nav-link btn-sm" :href="this.logInOutUrl">{{logInOutText}}</a></li>