Add icons and git link

src/App.css

@@ -20,6 +20,7 @@ body {
   flex-direction: column;
   align-items: center;
   justify-content: center;
+  position: relative;
 }
 
 .App .Main form {
@@ -35,6 +36,12 @@ body {
 
 .App .Main ul {
   text-align: left;
-  width: 50%;
+  width: 70%;
   margin: 0 auto;
 }
+
+.Meta {
+  position: absolute;
+  right: 10px;
+  bottom: 10px;
+}

src/App.js

@@ -1,7 +1,10 @@
 import React from 'react';
 
 import { 
-  Heading, IconButton, StarIcon, Pane, TextInput, Text, Spinner, Textarea, ListItem, UnorderedList
+  Heading, Text, Spinner, Link,
+  IconButton, StarIcon, Pane, TextInput,
+  ListItem, UnorderedList,
+  EditIcon, LockIcon, PhoneIcon, ApplicationIcon
 } from 'evergreen-ui'
 
 import './App.css';
@@ -84,18 +87,18 @@ class Form extends React.Component {
           )}
           {!invalid && name && (
           	<Pane className="center">
-              <h3>Copy Pasta</h3>
+              <h3>details for "{name}"</h3>
               <UnorderedList size={500}>
-                <ListItem>
+                <ListItem icon={EditIcon}>
-                  Notes: https://pad.riseup.net/p/{name}
+                  Notes: <Link href="https://pad.riseup.net/p/{name}">https://pad.riseup.net/p/{name}</Link>
                 </ListItem>
-                <ListItem>
+                <ListItem icon={ApplicationIcon}>
-                  Computer / app: https://meet.jit.si/{name}
+                  Computer / app: <Link href="https://meet.jit.si/{name}">https://meet.jit.si/{name}</Link>
                 </ListItem>
-                <ListItem>
+                <ListItem icon={PhoneIcon}>
                   Phone: {phone}
                 </ListItem>
-                <ListItem>
+                <ListItem icon={LockIcon}>
                   PIN: {meetingid}
                 </ListItem>
               </UnorderedList>
@@ -119,6 +122,9 @@ class App extends React.Component {
           className="Main"
         >
           <Form />
+          <Pane className="Meta">
+            horizonevent by @3wc. <Link href="https://git.autonomic.zone/3wordchant/horizonevent/">source</Link>
+          </Pane>
         </Pane>
       </Pane>
     );