Merge pull request #383 from LN-Zap/fix/loading-channels

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>
-                    <span className={`${styles.loading} hint--left`} data-hint='loading'>
-                      <i className={styles.spinner} />
-                    </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 {
-      vertical-align: top;
+    .loading {
+      margin-right: 5px;
+
+      i {
+        vertical-align: top;
+      }
 
       &:nth-child(1) {
         margin-right: 5px;