fix(loading-channels): fix loadingchannels messed up styles

app/components/Contacts/Network.js

@@ -189,10 +189,12 @@ class Network extends Component {
 
                 return (
                   <li key={loadingPubkey} className={styles.channel}>
-                    <span>{nodeDisplay()}</span>
+                    <section className={styles.channelTitle}>
                       <span className={`${styles.loading} hint--left`} data-hint='loading'>
                         <i className={styles.spinner} />
                       </span>
+                      <span>{nodeDisplay()}</span>
+                    </section>
                   </li>
                 )
               })

app/components/Contacts/Network.scss

@@ -333,8 +333,12 @@
       }
     }
 
-    .loading i {
+    .loading {
+      margin-right: 5px;
+
+      i {
         vertical-align: top;
+      }
 
       &:nth-child(1) {
         margin-right: 5px;