diff --git a/package.json b/package.json
index c255e7cc..6d0d8c67 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "impro",
- "version": "0.18.105",
+ "version": "0.18.106",
"type": "module",
"scripts": {
"start": "rm -rf \"${BUILD_DIR:-build}\" && NODE_ENV=development eleventy --serve",
diff --git a/src/css/style.css b/src/css/style.css
index e6a5172d..b6a7408f 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -934,13 +934,22 @@ header {
}
.header .header-title {
+ display: flex;
+ align-items: center;
+ min-width: 0;
font-size: 18px;
font-weight: 600;
}
+.header .header-title-text {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
.header .header-title-muted-icon {
display: inline-flex;
- vertical-align: -3px;
+ flex-shrink: 0;
width: 16px;
height: 16px;
margin-left: 6px;
@@ -953,6 +962,9 @@ header {
}
.header .header-subtitle {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
font-size: 13px;
color: var(--text-color-muted);
font-weight: 400;
@@ -3849,6 +3861,10 @@ image-carousel {
text-align: center;
}
+.chat-info-panel .profile-follows-you {
+ margin-top: 4px;
+}
+
.chat-info-panel > .avatar .avatar-image-frame,
.chat-info-panel-avatars > .avatar .avatar-image-frame {
width: var(--avatar-size-chat-info-panel);
diff --git a/src/js/templates/header.template.js b/src/js/templates/header.template.js
index 008d0e07..5e5d3dcd 100644
--- a/src/js/templates/header.template.js
+++ b/src/js/templates/header.template.js
@@ -19,9 +19,8 @@ function avatarAndTitleTemplate({
data-testid="header-title-container"
>
${titleRightItemTemplate ? titleRightItemTemplate() : ""}
${subtitle
? html`