From cf7d59b49a05b8a8ebf5e91e374344785992e4fe Mon Sep 17 00:00:00 2001
From: HWFord <54360213+HWFord@users.noreply.github.com>
Date: Tue, 29 Jul 2025 08:28:07 +0200
Subject: [PATCH] adjust CSS

---
 admin/themes/default/js/common.js       |  2 +-
 admin/themes/default/template/admin.tpl |  4 +--
 admin/themes/default/theme.css          | 39 ++++++++++++++-----------
 3 files changed, 25 insertions(+), 20 deletions(-)

diff --git a/admin/themes/default/js/common.js b/admin/themes/default/js/common.js
index 64417190a..9c3fd4612 100644
--- a/admin/themes/default/js/common.js
+++ b/admin/themes/default/js/common.js
@@ -377,7 +377,7 @@ $('document').ready(function(){
       hide_user_options(e)
       current_link.children('.sub-link-container').css('display','block');
       current_link.children('span').children('.hover').children('.icon-down-open').css('rotate','-90deg');
-    }, 300));
+    }, 250));
   }).mouseleave(function () {
     // when mouse leaves element reset the timeout so it doesn't display the sub elements because it's not the one the user wants to display 
     const current_link = $(this);
diff --git a/admin/themes/default/template/admin.tpl b/admin/themes/default/template/admin.tpl
index e4d1462d1..920ed14f5 100644
--- a/admin/themes/default/template/admin.tpl
+++ b/admin/themes/default/template/admin.tpl
@@ -72,9 +72,9 @@ let username = '{$USERNAME}'
             <span class="icon-green"><!-- initials --></span>
           </div>
           <span id="menu-username" class="reduced-hidden">{$USERNAME}</span>
-        </div>
 
-          <i class="icon-left-open reduced-hidden"></i>
+        </div>
+                  <i class="icon-left-open reduced-hidden"></i>
      
         <div class="user-sub-link-container">
           <div class="user-infos">
diff --git a/admin/themes/default/theme.css b/admin/themes/default/theme.css
index 08fdb81fc..f442cedeb 100644
--- a/admin/themes/default/theme.css
+++ b/admin/themes/default/theme.css
@@ -2066,10 +2066,10 @@ html, body {height:100; min-height: 100%; margin:0; padding:0;}
 #menubar.enlarged .user-actions.active::after {
   content: "";
   width: 57px;
-  height: 45px;
+  height: 40px;
   position: absolute;
   top: 0;
-  right: 0;
+  right: -20px;;
 }
 
 #menubar.reduced .user-actions.active::after {
@@ -2081,11 +2081,8 @@ html, body {height:100; min-height: 100%; margin:0; padding:0;}
   right: 0;
 }
 
-#menubar .user-actions .icon-left-open{
-  position:absolute;
-  right:-12px;
-  top:50%;
-  transform:translateY(-50%);
+#menubar .user-actions .icon-left-open:before{
+  margin-top:8px;
 }
 
 #menubar .user-actions .icon-left-open::before{
@@ -2121,7 +2118,7 @@ html, body {height:100; min-height: 100%; margin:0; padding:0;}
 }
 
 #menubar .page-link .sub-link-container i{
-  font-size:11px;
+  font-size:15px;
 }
 
 #menubar .page-link .icon-down-open{
@@ -2204,8 +2201,9 @@ html, body {height:100; min-height: 100%; margin:0; padding:0;}
 }
 
 #menubar .gallery-link i{
-  font-size:35px;
-  margin-right:10px
+  font-size:30px;
+  margin-right:10px;
+  padding:5px 0;
 }
 
 #menubar .gallery-link i::before{
@@ -2217,11 +2215,9 @@ html, body {height:100; min-height: 100%; margin:0; padding:0;}
 }
 
 #menubar #reduce-enlarge{
-  margin-left:15px;
-  margin-bottom:15px;
   display:block;
   cursor:pointer;
-  text-align:left;
+  text-align:center;
 }
 
 #menubar #reduce-enlarge span{
@@ -2233,6 +2229,7 @@ html, body {height:100; min-height: 100%; margin:0; padding:0;}
   padding:5px;
   border-radius:5px;
   display:inline-block;
+  font-size:15px;
 }
 
 #menubar .icon-reduce{
@@ -2255,7 +2252,7 @@ html, body {height:100; min-height: 100%; margin:0; padding:0;}
 
 #menubar .sub-link-container .sub-link{
   display:flex;
-  padding:8px 15px;
+  padding:5px 15px;
 }
 
 #menubar .sub-link-container a.sub-link{
@@ -2269,7 +2266,7 @@ html, body {height:100; min-height: 100%; margin:0; padding:0;}
 #menubar .user-sub-link-container{
   display:none;
   position: absolute;
-  right: -225px;
+  right: -245px;
   top: 0;
   width: 205px;
   border-radius: 0 15px 15px 15px;
@@ -2308,7 +2305,7 @@ html, body {height:100; min-height: 100%; margin:0; padding:0;}
   width:auto;
   height:24px;
   display:block;
-  margin-left:15px;
+  margin:0 auto;
   margin-bottom:36px;
   margin-top:24px;
 }
@@ -2369,9 +2366,15 @@ This is for large menu
 #menubar.reduced a.externalLink img{
   margin:0 auto;
   margin-bottom:40px;
+  margin-top:20px;
 
 }
 
+#menubar.reduced  .page-link .icon-down-open{
+  margin:0;
+  z-index:10;
+}
+
 /*****
 Mobile Menu
 *****/
@@ -2473,7 +2476,9 @@ This is for the light mode
 #menubar .user-sub-link-container,
 #menubar .user-sub-link-container a,
 #menubar #menu-username,
-#menubar #reduce-enlarge span{
+#menubar #reduce-enlarge span,
+#menubar .gallery-link,
+#menubar #reduce-enlarge i{
   color:#AAAAAA;
 }