fix(network, activity): fix 100vh height issues and search position

app/app.global.scss

@@ -17,7 +17,6 @@ body {
   margin: 0;
   padding: 0;
   color: #333;
-  height: 100vh;
   box-sizing: border-box;
   -webkit-font-smoothing: antialiased;
   -webkit-tap-highlight-color: rgba(255,255,255,0);

app/components/Contacts/Network.scss

@@ -85,9 +85,11 @@
 }
 
 .search {
-  height: 55px;
+  position: absolute;
-  padding: 2px 5px;
+  bottom: 20px;
-  border-top: 0.5px solid #ccc;
+  width: calc(100% - 40px);
+  padding: 10px 20px;
+  border-top: 1px solid $darkestgrey;
 
   .input {
     display: inline-block;
@@ -111,10 +113,10 @@
   }
 
   .text {
-    width: 90%;
+    width: calc(95% - 20px);
     background: transparent;
     outline: 0;
-    padding: 0 5px;
+    padding: 0 10px;
     border: 0;
     border-radius: 0;
     height: 50px;

app/routes/activity/components/Activity.js

@@ -70,7 +70,7 @@ class Activity extends Component {
     if (!balance.channelBalance || !balance.walletBalance) { return <LoadingBolt /> }
 
     return (
-      <div style={{ height: '100%' }}>
+      <div>
         <Modal
           modalType={modal.modalType}
           modalProps={modal.modalProps}

app/routes/activity/components/Activity.scss

@@ -78,7 +78,7 @@
 	background: $spaceblue;
 	transition: opacity 0.25s;
 	padding-bottom: 50px;
-	height: 100%;
+	min-height: 100vh;
 	overflow-y: scroll;
 	padding-top: 20px;
 

app/routes/app/components/App.js

@@ -41,7 +41,7 @@ class App extends Component {
     if (!currentTicker) { return <LoadingBolt /> }
 
     return (
-      <div style={{ height: '100%' }}>
+      <div>
         <div className={styles.titleBar} />
         <GlobalError error={error} clearError={clearError} />
         <ModalRoot

app/routes/app/components/App.scss

@@ -3,7 +3,6 @@
 .content {
 	position: relative;
 	width: 80%;
-	height: 100vh;
 	display: inline-block;
 	vertical-align: top;
 	overflow-y: scroll;