switch collapsed user-info to block layout with inline-flex centered avatar

Author: ddrayko

public/css/style.css

@@ -538,26 +538,24 @@ cap-widget {
 
 .sidebar.collapsed .sidebar-footer {
   border-top: none;
-  padding: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+  padding: 10px 0;
+  text-align: center;
 }
 
 .sidebar.collapsed #logout-btn {
   display: none !important;
 }
 
 .sidebar.collapsed .user-info {
-  justify-content: center !important;
+  display: block !important;
   padding: 0 !important;
-  gap: 0 !important;
-  display: flex !important;
-  align-items: center !important;
+  text-align: center !important;
 }
 
 .sidebar.collapsed #sidebar-user-info > div:first-child {
   gap: 0;
+  display: inline-flex !important;
+  overflow: visible !important;
 }
 
 .sidebar.collapsed #sidebar-user-info > div:first-child > div:last-child {