Theme changes

FossilOrigin-Name: 80cd22939b91931d51b8dfb92bf09a6efab2dd211f612ad83f59e79e25d26e9d

dist/treebird20.css

@@ -340,7 +340,7 @@ table.present th, table.present td
 .e-error
 {
     display: block;
-    background: linear-gradient(#fba0a0, #fcb0b0);
+    background: linear-gradient(#ffb0b0, #fba0a0);
     color: #000;
     border: 1px solid #bb1c1f;
     padding: 15px;
@@ -587,13 +587,8 @@ input[type=button], input[type=submit]
 .notification-compact .notification-content
 {
     max-height: 100px;
-    overflow: hidden;
-}
-
-.notification-compact:hover .notification-content
-{
-    max-height: unset;
-    overflow: hidden;
+    overflow: auto;
+    margin-left: 2px;
 }
 
 .notification-compact .notification-info
@@ -606,6 +601,12 @@ input[type=button], input[type=submit]
     font-weight: bold;
 }
 
+.notification-compact .username .emoji
+{
+    width: 16px;
+    height: 16px;
+}
+
 .notification-info svg,
 .notification-info-format svg
 {
@@ -691,8 +692,16 @@ svg.in-reply-to-icon
     margin-bottom: 7px;
 }
 
-.notification-info img,
-.notification-info-format img
+.notification-compact .notification-info
+{
+    margin-left: unset;
+    margin-bottom: unset;
+}
+
+
+.notification-info img.avatar,
+.notification-info .pfp-compact-td img,
+.notification-info-format .pfp-compact-td img
 {
     width: 24px;
     height: 24px;
@@ -2037,7 +2046,6 @@ input[type=checkbox].hidden:not(:checked) + .list-edit-content
 }
 
 /* Chats */
-
 .message-container
 {
     position: relative;
@@ -2154,6 +2162,7 @@ input[type=checkbox].hidden:not(:checked) + .list-edit-content
     overflow: auto;
     height: 550px;
     min-height: 400px;
+    overflow-anchor: none;
 }
 
 .chatbox
@@ -2187,6 +2196,13 @@ input[type=submit].chatbox-btn
     padding: 12px 0px;
 }
 
+/* Anchor lets us stay scroll at the bottom if in view */
+.anchor
+{
+    overflow-anchor: auto;
+    height: 1px;
+}
+
 /* Instance information */
 #instance-panel
 {

static/chat_view.tmpl

@@ -5,6 +5,7 @@
 </div>
 <div class="chat-view">
   {{ %s : messages }}
+  <div class="anchor"></div>
 </div>
 <form action="" method="post">
   <table class="chatbox ui-table">

static/notification.tmpl

@@ -1,5 +1,5 @@
 <div class="notification-info">
-  <img src="{{%s:avatar}}" loading="lazy">
+  <img src="{{%s:avatar}}" loading="lazy" class="avatar">
   <div class="notification-user">
     <span class="notification-text-group-with-icon">
       <span class="username">{{%s:username}}</span>