Change layout of peer name and remove unneccessary text

client/index.html

@@ -50,7 +50,6 @@
             </svg>
         </a>
     </header>
-    <div id="displayName" class="font-body2"></div>
     <!-- Peers -->
     <x-peers class="center"></x-peers>
     <x-no-peers>
@@ -62,7 +61,7 @@
         <svg class="icon logo">
             <use xlink:href="#wifi-tethering" />
         </svg>
-        <div>The easiest way to transfer data across devices.</div>
+        <div id="displayName">The easiest way to transfer data across devices.</div>
         <div class="font-body2">Allow me to be discovered by: Everyone in this network.</div>
     </footer>
     <!-- Receive Dialog -->

server/index.js

@@ -1,5 +1,5 @@
 const parser = require('ua-parser-js');
-const { uniqueNamesGenerator, animals, adjectives } = require('unique-names-generator');
+const { uniqueNamesGenerator, animals, colors } = require('unique-names-generator');
 
 class SnapdropServer {
 
@@ -192,7 +192,7 @@ class Peer {
             os: ua.os.name,
             browser: ua.browser.name,
             type: ua.device.type,
-            displayName: uniqueNamesGenerator({ length: 2, separator: ' ', dictionaries: [adjectives, animals], style: 'capital' })
+            displayName: uniqueNamesGenerator({ length: 2, separator: ' ', dictionaries: [colors, animals], style: 'capital' })
         };
     }