From e620291d9c20ab4b3343469b63a443ba16990569 Mon Sep 17 00:00:00 2001
From: BinHong Lee <binhong@binhong.me>
Date: Wed, 27 Dec 2017 00:59:29 -0700
Subject: [PATCH] Updated some fonts and formatting. Also added an icon.

---
 public/favicon.png       | Bin 0 -> 14279 bytes
 public/index.html        |  13 ++++++++-----
 src/App.css              |  12 ++++++++----
 src/App.js               |  11 +++++------
 src/Components/People.js |  14 +++++---------
 5 files changed, 26 insertions(+), 24 deletions(-)
 create mode 100644 public/favicon.png

diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..28dcac03e486942a9e9dd58dea684eb82b62746c
GIT binary patch
literal 14279
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

literal 0
HcmV?d00001

diff --git a/public/index.html b/public/index.html
index 8fe3b4e..73dd943 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,15 +1,17 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
+    <link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta name="theme-color" content="#000000">
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.png">
     <title>Breakups</title>
   </head>
-  <header style="position: fixed; width: 100%; text-align: center; background-color: #222; height: 80px; left: 0px; top: 0px; right: 0px; color: white;">
-    <h1>Breakups</h1>
+  <header style="position: fixed; width: 100%; text-align: center; background-color: #222; height: 90px; left: 0px; top: 0px; right: 0px; color: white;">
+    <h1 style="-webkit-margin-before: 10px; -webkit-margin-after: 0px; font-family: 'PT Sans'">Breakups</h1>
+    <h4 style="-webkit-margin-before: 5px; font-family: 'PT Sans'">Split bills among multiple people.</h3>
   </header>
   <body>
     <noscript>
@@ -17,7 +19,8 @@
     </noscript>
     <div id="root"></div>
   </body>
-  <footer style="position: fixed; bottom: 0px; left: 0px; text-align: center; width:100%; background-color: #222; height: 60px; color: white;">
-    <h3>Made by <a href="https://binhonglee.github.io/" style="color:#04B45F">@binhonglee</a>. Fork this on <a href="https://github.com/binhonglee/breakups-webapp" style="color:cyan">GitHub</a>.</h5>
+  <footer style="position: fixed; bottom: 0px; left: 0px; text-align: center; width:100%; background-color: #222; height: 85px; color: white;">
+    <h3 style="-webkit-margin-after: 0px; font-family: 'PT Sans'">Made by <a href="https://binhonglee.github.io/" style="color:#04B45F">@binhonglee</a>. <a href="https://github.com/binhonglee/breakups-webapp" style="color:cyan">GitHub</a></h3>
+    <h5 style="-webkit-margin-before: 5px; font-family: 'PT Sans'">Icons made by <a href="http://www.freepik.com" title="Freepik"  style="color:cyan">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon" style="color:cyan">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank" style="color:cyan">CC 3.0 BY</a></h5>
   </footer>
 </html>
diff --git a/src/App.css b/src/App.css
index ead46fa..702c27f 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,9 +1,13 @@
+@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
+
 .App {
+    font-family: 'Titillium Web';
     margin-top: 100px;
     text-align: center;
 }
 
 .Forms {
+    font-family: 'Titillium Web';
     align-content: center;
     align-items: center;
     align-self: center;
@@ -11,11 +15,11 @@
 }
 
 .Peoples {
-    max-width: 250px;
-    line-height: 1.8em;
+    max-width: 180px;
+    line-height: 1.4em;
     margin: 0 auto;
 }
 
 .PaymentChain {
-    margin-bottom: 130px;
-}
\ No newline at end of file
+    margin-bottom: 80px;
+}
diff --git a/src/App.js b/src/App.js
index 72a81af..0dd377a 100644
--- a/src/App.js
+++ b/src/App.js
@@ -17,16 +17,15 @@ class App extends Component {
   render() {
     return (
       <div className="App">
-        <h3>Easy way to split bills among multiple people.</h3>
         <div className="Forms">
-          <form className="Main-form" onSubmit={this.populatePeople.bind(this)}>
-            Number of people: <input type="text" ref="noOfPeople"/> <input type="submit" value="Submit" />
+          <form className="Main-form" onSubmit={this.populatePeople.bind(this)} style={{height: '30px'}}>
+            Number of people: <input type="text" ref="noOfPeople" style={{width: 30}}/> <input type="submit" value="Submit"/>
           </form>
-          <br/>
           <div className="Peoples">
             {this.state.peoples}
           </div>
         </div>
+        <br/>
         {this.state.actionButtons}
         <PaymentChain className="PaymentChain" paymentChain={this.state.paymentChain} />
       </div>
@@ -73,7 +72,7 @@ class App extends Component {
       actionButtons.push(<input key="email" type="submit" value="Send email reminder (non-functional yet)"/>);
       this.setState({peoples:peoples, info:info, actionButtons:actionButtons});
     }
-    
+
     e.preventDefault();
   }
 
@@ -93,7 +92,7 @@ class App extends Component {
         'Content-Length': Buffer.byteLength(JSON.stringify(data))
       }
     };
-    
+
     var post_req = https.request(post_options, res => {
       res.setEncoding('utf8');
       var returnData = "";
diff --git a/src/Components/People.js b/src/Components/People.js
index 0638e81..ef4f048 100644
--- a/src/Components/People.js
+++ b/src/Components/People.js
@@ -3,21 +3,17 @@ import React, { Component } from 'react';
 class People extends Component {
     constructor() {
         super();
-        this.state = {
-            space: `\t`
-        }
     }
 
     render() {
         return (
             <div className="People">
-                Person {this.props.people}<br/>
+                <p style={{'line-height': '0.5em'}}>Person {this.props.people} <br/></p>
                 <form style={{textAlign:'left'}}>
-                    Name:{this.state.space}<input type = "text" ref="name" onBlur={this.updateProps.bind(this)} style={{float:'right'}}/><br/>
-                    Email:{this.state.space}<input type = "text" ref="email" onBlur={this.updateProps.bind(this)} style={{float:'right'}}/><br/>
-                    Amount:{this.state.space}<input type = "text" ref="amount" onBlur={this.updateProps.bind(this)} style={{float:'right'}}/><br/>
+                    Name: <input type = "text" ref="name" onBlur={this.updateProps.bind(this)} style={{float:'right', width: 100}}/><br/>
+                    Email: <input type = "text" ref="email" onBlur={this.updateProps.bind(this)} style={{float:'right', width: 100}}/><br/>
+                    Amount: <input type = "text" ref="amount" onBlur={this.updateProps.bind(this)} style={{float:'right', width: 100}}/><br/>
                 </form>
-                <br/>
             </div>
         );
     }
@@ -36,4 +32,4 @@ class People extends Component {
     }
 }
 
-export default People;
\ No newline at end of file
+export default People;