From 3285f5c0156ce17c9d33d51cbc264e718197e92a Mon Sep 17 00:00:00 2001
From: Julian Freeman <freemanjulian372@gmail.com>
Date: Sun, 7 Dec 2025 21:42:28 -0400
Subject: [PATCH] fix sidebar ui

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

diff --git a/src/App.vue b/src/App.vue
index aac8a58..8038110 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -469,7 +469,7 @@ watch(currentDir, (newPath) => {
 
 <template>
   <el-container class="layout-container" style="height: 100vh">
-    <el-aside width="200px" class="main-aside">
+    <el-aside width="160px" class="main-aside">
       <div class="aside-header">
         <img :src="appIcon" alt="App Icon" class="app-icon" />
       </div>
@@ -695,7 +695,9 @@ body {
 .el-menu-vertical-demo .el-menu-item {
     font-size: 20px; /* Increase text size */
     height: 80px; /* Adjust height to accommodate larger font/icons and maintain spacing */
-    line-height: 50px;
+    display: flex; /* Make it a flex container */
+    justify-content: center;
+    padding-right: 50px;
 }
 .el-menu-vertical-demo .el-menu-item .el-icon {
     font-size: 20px; /* Increase icon size */