From 0103f34a62d7e18165ef24ec883cbb56c05b21bd Mon Sep 17 00:00:00 2001
From: Joshua Boniface <joshuab@clearcable.ca>
Date: Thu, 27 Feb 2025 00:08:18 -0500
Subject: [PATCH] Fix sidebar on collapse

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

diff --git a/pvc-vue/src/App.vue b/pvc-vue/src/App.vue
index 8572526..7fef5ba 100644
--- a/pvc-vue/src/App.vue
+++ b/pvc-vue/src/App.vue
@@ -13,7 +13,8 @@
       </div>
       <div class="sidebar-footer">
         <button class="btn btn-outline-light w-100" @click="toggleConfig">
-          <i class="fas fa-cog"></i> Configure
+          <i class="fas fa-cog"></i>
+          <span class="config-text ms-2">Configure</span>
         </button>
       </div>
     </div>
@@ -188,7 +189,7 @@ onUnmounted(() => {
 
 .sidebar.collapsed .sidebar-header h5,
 .sidebar.collapsed .sidebar-content,
-.sidebar.collapsed .btn span {
+.sidebar.collapsed .config-text {
   display: none;
 }
 
@@ -220,6 +221,12 @@ onUnmounted(() => {
   border-top: 1px solid rgba(255,255,255,0.1);
 }
 
+.sidebar.collapsed .sidebar-footer .btn {
+  padding: 0.375rem;
+  display: flex;
+  justify-content: center;
+}
+
 .main-content {
   margin-left: 250px;
   padding: 0.5rem;