diff --git a/app/templates/base.html b/app/templates/base.html
index adca841..bc95816 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -64,9 +64,12 @@
:class="{ hover: wsHeaderHover || workspaceMenuOpen }">
{{ workspaceInitial }}
-
{{ workspaceName }}
+
{{ user.full_name or user.login or workspaceName }}
▾
+
diff --git a/static/css/app.css b/static/css/app.css
index 1d70614..c90cec6 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -144,6 +144,21 @@ input, select, textarea { font-family: inherit; color: inherit; }
.sidebar-workspace-header.hover {
background: var(--bg-hover);
}
+.sidebar-collapse-inline {
+ width: 22px; height: 22px;
+ display: flex; align-items: center; justify-content: center;
+ background: none; border: none; border-radius: 4px;
+ color: var(--text-dim); cursor: pointer; flex-shrink: 0;
+ opacity: 0; transition: opacity 150ms;
+}
+.sidebar-workspace-header:hover .sidebar-collapse-inline,
+.sidebar-workspace-header.hover .sidebar-collapse-inline {
+ opacity: 1;
+}
+.sidebar-collapse-inline:hover {
+ background: var(--bg-active);
+ color: var(--text);
+}
.sidebar-workspace {
/* keep for backward compat */
display: flex;