From c595e393da8e9465a84b7e1bcf39b6bc22ba7225 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Fri, 4 Sep 2020 17:19:26 -0500
Subject: [PATCH] Chats: fix pagination bugs, use flex column-reverse

---
 .../chats/components/chat_message_list.js     | Bin 4191 -> 4708 bytes
 app/styles/chats.scss                         |   8 +++++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/soapbox/features/chats/components/chat_message_list.js b/app/soapbox/features/chats/components/chat_message_list.js
index 4c86677a4acd7a16a42f2fc68c351ec9e58e68ba..a0e6458561ea3f5ada0647944325822de665ef0d 100644
GIT binary patch
delta 715
zcma))Jxjw-6oxUPXs8HECs9tZv<YZhhc4C@tc!wQsGA6e<}?k&+?so>NC{n>biDsU
z5rm9_qrbq#$;JPm;NnegBlQc+l-zsH`=0kXd4`wl?ToTT>ppSa8exnaK?O8)@kobC
z6`~hI-mao!HyO;!Gty{KWM9u@-5zO$Y2{&H#PG3=KE?29@NQt5nGA(=M+NaXbe))%
z<JpVQFkOoLV(2E^84eVFpQ`c4k!-h4Jj#H$)(ScCm}qPXwQZlYs8Mg4Yy&AZZ4@8T
zwWgP2S=r>_Y0|`+4mDc;>T>8Nntp<y3;js6SjQt4>aYY0rDDIGuwcYLTed8;{+`oD
zw&rR3^9ys3cdYz@4w*^?{+iG3elIVp5?lkcPbiT>5?1e#6>LRGe;8f5B+HQr6JoNw
zKY}dJ8DhJ;(ayBak8MHF;~ntz(JTHoT9}~5_kg^pmS&;n{i_!9PY?orsIE<wijd1e
qCdNS{SL5>!39r>jg}<jR`Rn*@cs_Qlq?Zbo)2_xm;z0sc4b%@*{q5=i

delta 160
zcmaE&a$jMC9Mk49roD`tZCQ3QPL^d`%&0K=4VTpB18lWSldCv2Z8OspGzyAR%L0n>
z3ySrUGZIUDQ;Ule(^HET6m4x4N-{Ew^$IZLG`SQ&0A$o;PwwSRo+*<*aO-n=rWEVt
vBo>!wOg7{(o!rOc!en5u`7Mty(_~vtr^&4RZJQtP=QB<2<PV+fFC+>8jlMPs

diff --git a/app/styles/chats.scss b/app/styles/chats.scss
index 011543ca3d..38550ac3b5 100644
--- a/app/styles/chats.scss
+++ b/app/styles/chats.scss
@@ -99,12 +99,18 @@
 .chat-messages {
   overflow-y: scroll;
   flex: 1;
+  display: flex;
+  flex-direction: column-reverse;
 }
 
 .chat-message {
-  margin: 14px 10px;
+  padding: 7px 10px;
   display: flex;
 
+  &:last-child {
+    padding-top: 14px;
+  }
+
   &__bubble {
     font-size: 15px;
     padding: 4px 10px;