fix(peers header): fix some styles

app/routes/peers/components/Peers.js

@@ -48,23 +48,9 @@ class Peers extends Component {
 
     return (
       <div>
-        <div className={styles.search}>
+        <PeerForm {...peerFormProps} />
-          <PeerForm {...peerFormProps} />
 
-          <PeerModal isOpen={peerModalOpen} resetPeer={setPeer} peer={peer} disconnect={disconnectRequest} />
+        <PeerModal isOpen={peerModalOpen} resetPeer={setPeer} peer={peer} disconnect={disconnectRequest} />
-
-          <label className={`${styles.label} ${styles.input}`} htmlFor='channelSearch'>
-            <MdSearch />
-          </label>
-          <input
-            value={searchQuery}
-            onChange={event => updateSearchQuery(event.target.value)}
-            className={`${styles.text} ${styles.input}`}
-            placeholder='Search peers by their node public key or IP address'
-            type='text'
-            id='peersSearch'
-          />
-        </div>
 
         <header className={styles.header}>
           <div className={styles.titleContainer}>
@@ -87,8 +73,23 @@ class Peers extends Component {
           </div>
         </header>
 
+        <div className={styles.search}>
+
+          <label className={`${styles.label} ${styles.input}`} htmlFor='channelSearch'>
+            <MdSearch />
+          </label>
+          <input
+            value={searchQuery}
+            onChange={event => updateSearchQuery(event.target.value)}
+            className={`${styles.text} ${styles.input}`}
+            placeholder='Search peers by their node public key or IP address'
+            type='text'
+            id='peersSearch'
+          />
+        </div>
+
         <div className={styles.refreshContainer}>
-          <span className={`${styles.refresh} hint--left`} data-hint='Refresh your peers list'>
+          <span className={`${styles.refresh} hint--top`} data-hint='Refresh your peers list'>
             <FaRepeat
               onClick={refreshClicked}
             />

app/routes/peers/components/Peers.scss

@@ -3,6 +3,7 @@
 .search {
   height: 75px;
   padding: 2px 25px;
+  border-top: 1px solid $darkgrey;
   border-bottom: 1px solid $darkgrey;
   background: $white;
 
@@ -82,8 +83,7 @@
 .refreshContainer {
   display: flex;
   flex-direction: row;
-  justify-content: flex-end;
+  padding: 20px 40px 0px 40px;
-  padding: 0 40px;
 
   .refresh {
     cursor: pointer;