From 282c74cb325ff471a3dae66f84dad4bb85ca6ac6 Mon Sep 17 00:00:00 2001
From: 3wc <3wc.git@doesthisthing.work>
Date: Fri, 13 Nov 2020 04:05:57 +0200
Subject: [PATCH] More formatting on results

---
 src/App.js | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/App.js b/src/App.js
index 9fba850..6ad9991 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import { 
-  Heading, Text, Spinner, Link,
+  Heading, Text, Spinner, Link, Strong,
   IconButton, StarIcon, Pane, TextInput,
   ListItem, UnorderedList,
   EditIcon, LockIcon, PhoneIcon, ApplicationIcon
@@ -90,16 +90,20 @@ class Form extends React.Component {
               <h3>details for "{name}"</h3>
               <UnorderedList size={500}>
                 <ListItem icon={EditIcon}>
-                  Notes: <Link href="https://pad.riseup.net/p/{name}">https://pad.riseup.net/p/{name}</Link>
+                  <Strong>Notes</Strong>: <br/>
+                  <Link href="https://pad.riseup.net/p/{name}">https://pad.riseup.net/p/{name}</Link>
                 </ListItem>
                 <ListItem icon={ApplicationIcon}>
-                  Computer / app: <Link href="https://meet.jit.si/{name}">https://meet.jit.si/{name}</Link>
+                  <Strong>Computer / app:</Strong><br/>
+                  <Link href="https://meet.jit.si/{name}">https://meet.jit.si/{name}</Link>
                 </ListItem>
                 <ListItem icon={PhoneIcon}>
-                  Phone: {phone}
+                  <Strong>Phone:</Strong><br/>
+                  {phone}
                 </ListItem>
                 <ListItem icon={LockIcon}>
-                  PIN: {meetingid}
+                  <Strong>PIN:</Strong><br/>
+                  {meetingid}
                 </ListItem>
               </UnorderedList>
           	</Pane>