update style

.ctrlpignore

@@ -4,4 +4,5 @@ DS_Store
 android
 git
 dist
+release
 __tests__

src/js/pages/Home/ChatContent/index.js

@@ -587,7 +587,6 @@ export default class ChatContent extends Component {
         return (
             <div
                 className={clazz(classes.container, {
-                    [classes.notfound]: !user,
                     [classes.hideConversation]: !showConversation,
                 })}
                 onClick={e => this.handleClick(e)}>
@@ -615,7 +614,9 @@ export default class ChatContent extends Component {
                             </div>
                         </div>
                     ) : (
-                        <div className={classes.inner}>
+                        <div className={clazz({
+                            [classes.noselected]: !user,
+                        })}>
                             <img src="assets/images/noselected.png" className="disabledDrag" />
                             <h1>No Chat selected.</h1>
                         </div>

src/js/pages/Home/ChatContent/style.css

@@ -1,6 +1,7 @@
 
 .container {
     position: relative;
+    height: 100%;
 
     & header {
         position: relative;
@@ -59,19 +60,14 @@
     }
 }
 
-.inner {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-}
-
-.notfound {
+.noselected {
+    position: relative;
     display: flex;
     height: 100%;
     width: 100%;
     justify-content: center;
     align-items: center;
+    flex-direction: column;
 
     & img {
         width: 200px;
@@ -711,6 +707,11 @@
         }
     }
 
+    .noselected img {
+        width: 160px;
+        margin-bottom: 5vh;
+    }
+
     .messages {
         height: calc(100vh - 92px - 30px - 12px);
         padding-top: 12px;

src/js/pages/Home/style.css

@@ -32,6 +32,7 @@
         background: #e1306c;
         box-shadow: 0 0 24px 0 rgba(119, 119, 119, .5);
         cursor: pointer;
+        z-index: 9;
     }
 }