fix: correct "bugs" to "issues" in routing table and README references across multiple documentation files

devplacepy/static/css/messages.css

@@ -1,10 +1,18 @@
 /* retoor <retoor@molodetz.nl> */
 
+.page-messages {
+    flex: 1 1 auto;
+    min-height: 0;
+    display: flex;
+    width: 100%;
+}
+
 .messages-layout {
     display: grid;
     grid-template-columns: minmax(0, 320px) 1fr;
     gap: 0;
-    height: calc(100dvh - var(--nav-height) - 3.5rem);
+    flex: 1 1 auto;
+    min-height: 0;
     background: var(--bg-card);
     border: 1px solid var(--border);
     border-radius: var(--radius-lg);
@@ -16,6 +24,7 @@
     display: flex;
     flex-direction: column;
     min-width: 0;
+    min-height: 0;
 }
 
 .messages-list-header {
@@ -58,8 +67,16 @@
 }
 
 .messages-conversations {
-    flex: 1;
+    flex: 1 1 auto;
+    min-height: 0;
     overflow-y: auto;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+}
+
+.messages-conversations::-webkit-scrollbar {
+    width: 0;
+    height: 0;
 }
 
 .conversation-item {
@@ -176,6 +193,7 @@
     display: flex;
     align-items: center;
     gap: 0.5rem;
+    flex-shrink: 0;
 }
 
 .messages-input-area input[type="text"] {
@@ -248,8 +266,7 @@
 @media (max-width: 768px) {
     .messages-layout {
         grid-template-columns: 1fr;
-        height: auto;
-        min-height: calc(100dvh - var(--nav-height) - 3.5rem);
+        min-height: 0;
     }
     .messages-list {
         display: flex;