diff --git a/public/index.html b/public/index.html
index 630fcd801..89667dd04 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3059,10 +3059,11 @@
-
diff --git a/public/script.js b/public/script.js
index ab63c3491..75111d324 100644
--- a/public/script.js
+++ b/public/script.js
@@ -802,6 +802,14 @@ async function printCharacters() {
template.toggleClass('is_fav', item.fav || item.fav == 'true');
template.find('.ch_fav').val(item.fav);
+ const description = item.data?.creator_notes || '';
+ if (description) {
+ template.find('.ch_description').text(description);
+ }
+ else {
+ template.find('.ch_description').hide();
+ }
+
// Display inline tags
const tags = getTagsList(item.avatar);
const tagsElement = template.find('.tags');
diff --git a/public/style.css b/public/style.css
index 91b1755d8..533142fa7 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1002,9 +1002,9 @@ input[type="file"] {
#right-nav-panel-tabs {
display: flex;
align-items: center;
- flex: 1;
gap: 10px;
overflow: hidden;
+ width: fit-content;
}
#rm_PinAndTabs {
@@ -1326,6 +1326,19 @@ input[type=search]:focus::-webkit-search-cancel-button {
font-weight: bolder;
}
+.character_select .avatar {
+ align-self: center;
+}
+
+.ch_description {
+ font-size: calc(var(--mainFontSize) * 0.8);
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ width: 100%;
+ margin-top: -5px;
+}
+
.justifySpaceBetween {
justify-content: space-between;
}