www/css- x-messages- sit short channel content at top of window

nektro · Apr 17, 2022 · 1a78831 · 1a78831
1 parent c1101c4
commit 1a78831
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/www/chat/css/style.min.css b/www/chat/css/style.min.css
@@ -115,7 +115,7 @@ x-uonline-user:hover { background-color: #003745; }
 
 x-uonline-user span:nth-child(2) { color: #465253; }
 
-x-messages { background-color: #00232c; color: #586e75; display: flex; flex-direction: column; padding: 1em 0; padding-right: 0; justify-content: flex-end; overflow-y: hidden; font-family: 'Courier New', 'Courier', monospace; }
+x-messages { background-color: #00232c; color: #586e75; display: flex; flex-direction: row; padding: 1em 0; padding-right: 0; justify-content: space-between; overflow-y: hidden; font-family: 'Courier New', 'Courier', monospace; align-items: stretch; }
 
 x-msg-pane { display: block; overflow-y: auto; }
 

diff --git a/www/chat/css/x/x-messages.scss b/www/chat/css/x/x-messages.scss
@@ -4,12 +4,13 @@ x-messages {
     background-color: darken($based3, 2%);
     color: $comment;
     display: flex;
-    flex-direction: column;
+    flex-direction: row;
     padding: 1em 0;
     padding-right: 0;
-    justify-content: flex-end;
+    justify-content: space-between;
     overflow-y: hidden;
     font-family: 'Courier New', 'Courier', monospace;
+    align-items: stretch;
 }
 
 x-msg-pane {