fix ui for list on leftpane and conversationheader

stylesheets/_session.scss

@@ -444,7 +444,6 @@ $session_message-container-border-radius: 5px;
 .module-conversation-header__title {
   width: 100%;
   display: flex;
-  flex-direction: column;
 
   .module-contact-name {
     width: 100%;
@@ -454,6 +453,13 @@ $session_message-container-border-radius: 5px;
     text-align: center;
   }
 }
+
+.module-conversation-header__title {
+  flex-direction: column;
+}
+.module-conversation-header__title-flex {
+  flex-direction: row;
+}
 .module-conversation__user__profile-name,
 .module-message__author__profile-name {
   font-style: normal;
@@ -1072,3 +1078,7 @@ label {
     user-select: all;
   }
 }
+
+input {
+  user-select: text;
+}

stylesheets/_session_theme_dark_left_pane.scss

@@ -121,10 +121,9 @@ $session-compose-margin: 20px;
   }
 
   &__list {
-    height: -webkit-fill-available;
-
     &-popup {
       width: -webkit-fill-available;
+      height: -webkit-fill-available;
       position: absolute;
     }
   }
@@ -214,9 +213,18 @@ $session-compose-margin: 20px;
   }
 }
 
+.module-conversations-list-content {
+  overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+
+}
+
 .session-left-pane-section-content {
   display: flex;
   flex-direction: column;
+  flex-grow: 1;
 }
 
 .user-search-dropdown {
@@ -233,6 +241,7 @@ $session-compose-margin: 20px;
   background: $session-shade-4;
   color: $session-color-white;
   display: inline-flex;
+  flex-shrink: 0;
 
   .session-icon-button {
     margin: auto 10px;
@@ -321,6 +330,7 @@ $session-compose-margin: 20px;
   &-content {
     display: flex;
     flex-direction: column;
+    flex-grow: 1;
 
     .module-conversation-list-item {
       &--has-friend-request {

ts/components/session/LeftPaneContactSection.tsx

@@ -301,7 +301,7 @@ export class LeftPaneContactSection extends React.Component<Props, State> {
     return (
       <div className="module-left-pane__list-popup">
         <div className="friend-request-title">{frTitle}</div>
-        <div className="module-left-pane__list" key={0}>
+        <div className="module-left-pane__list-popup" key={0}>
           <AutoSizer>
             {({ height, width }) => (
               <List

ts/components/session/LeftPaneMessageSection.tsx

@@ -179,7 +179,7 @@ export class LeftPaneMessageSection extends React.Component<Props, any> {
 
   public renderConversations() {
     return (
-      <div>
+      <div className="module-conversations-list-content">
         <SessionSearchInput
           searchString={this.props.searchTerm}
           onChange={this.updateSearchBound}