From 8f92ae7812a3683f223d022d211f9e6c1e6a95fe Mon Sep 17 00:00:00 2001
From: Audric Ackermann <audric@loki.network>
Date: Tue, 27 Oct 2020 14:13:16 +1100
Subject: [PATCH] fix tiny UI glitches

---
 stylesheets/_index.scss                                        | 3 +++
 stylesheets/_session.scss                                      | 2 +-
 .../session/conversation/SessionConversationMessagesList.tsx   | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/stylesheets/_index.scss b/stylesheets/_index.scss
index 0cdf01d59..afd2705db 100644
--- a/stylesheets/_index.scss
+++ b/stylesheets/_index.scss
@@ -216,6 +216,9 @@ h4.section-toggle,
   .conversation {
     display: none;
   }
+  .placeholder {
+    height: 100%;
+  }
   .conversation:first-child {
     display: block;
   }
diff --git a/stylesheets/_session.scss b/stylesheets/_session.scss
index dd1683daf..9feb31022 100644
--- a/stylesheets/_session.scss
+++ b/stylesheets/_session.scss
@@ -756,7 +756,7 @@ label {
 .react-contexify {
   z-index: 3;
   min-width: 200px;
-  box-shadow: none;
+  box-shadow:  0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
 
   .react-contexify__item:not(.react-contexify__item--disabled):hover
     > .react-contexify__item__content {
diff --git a/ts/components/session/conversation/SessionConversationMessagesList.tsx b/ts/components/session/conversation/SessionConversationMessagesList.tsx
index c0b908091..9606e5dc0 100644
--- a/ts/components/session/conversation/SessionConversationMessagesList.tsx
+++ b/ts/components/session/conversation/SessionConversationMessagesList.tsx
@@ -49,7 +49,7 @@ export class SessionConversationMessagesList extends React.Component<
 
     this.state = {
       isScrolledToBottom: false,
-      showScrollButton: true,
+      showScrollButton: false,
       doneInitialScroll: false,
     };
     this.renderMessage = this.renderMessage.bind(this);