From c6f9ab9743b2daebc18ed0b0a125255fcc29365f Mon Sep 17 00:00:00 2001
From: Vincent <vincent@loki.network>
Date: Thu, 16 Jan 2020 15:09:28 +1100
Subject: [PATCH] Left Pane search bar width

---
 stylesheets/_conversation.scss                |  2 +-
 stylesheets/_session.scss                     | 20 +++++++++++++++++--
 .../_session_theme_dark_left_pane.scss        |  2 --
 ts/components/session/SessionConfirm.tsx      |  2 +-
 4 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/stylesheets/_conversation.scss b/stylesheets/_conversation.scss
index 1b2bb2144..8ed626b36 100644
--- a/stylesheets/_conversation.scss
+++ b/stylesheets/_conversation.scss
@@ -710,7 +710,7 @@
   text-align: center;
   background-color: $color-light-35;
   border: none;
-  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 3px 5px 0px rRgba(0, 0, 0, 0.2);
   outline: none;
 
   &:hover {
diff --git a/stylesheets/_session.scss b/stylesheets/_session.scss
index 0eeb71f70..8927e3ee6 100644
--- a/stylesheets/_session.scss
+++ b/stylesheets/_session.scss
@@ -1141,6 +1141,22 @@ input {
       text-align: center;
     }
   }
-  
+}
+
+button.module-scroll-down {
+  &__button {
+    background-color: $session-shade-6;
+  }
 
-}
\ No newline at end of file
+  &__button:hover{
+    &__icon {
+      transition: $session-transition-duration;
+      @include color-svg('../images/down.svg', $session-color-white);
+    }
+  }
+
+  &__icon {
+    @include color-svg('../images/down.svg', rgba($session-color-white, 0.6));
+  }
+  
+}
diff --git a/stylesheets/_session_theme_dark_left_pane.scss b/stylesheets/_session_theme_dark_left_pane.scss
index 1d3e42afe..f9332946f 100644
--- a/stylesheets/_session_theme_dark_left_pane.scss
+++ b/stylesheets/_session_theme_dark_left_pane.scss
@@ -242,13 +242,11 @@ $session-compose-margin: 20px;
 
 .session-search-input {
   height: $session-search-input-height;
-  width: 100%;
   margin-right: 1px;
   margin-bottom: 10px;
   background: $session-shade-4;
   color: $session-color-white;
   display: inline-flex;
-  flex-shrink: 0;
 
   .session-icon-button {
     margin: auto 10px;
diff --git a/ts/components/session/SessionConfirm.tsx b/ts/components/session/SessionConfirm.tsx
index 561f2127e..190193f0d 100644
--- a/ts/components/session/SessionConfirm.tsx
+++ b/ts/components/session/SessionConfirm.tsx
@@ -25,7 +25,7 @@ export class SessionConfirm extends React.Component<Props> {
     closeTheme: SessionButtonColor.Primary,
     hideCancel: false,
   };
-
+\
   constructor(props: any) {
     super(props);
   }