From 72ace876ca9117297b85adf8f3dec80197fba9da Mon Sep 17 00:00:00 2001
From: Ben Woodward <benjamindwoodward@gmail.com>
Date: Thu, 4 Jun 2020 18:13:16 -0700
Subject: Serif font for input fields (#5)

Fixes #4
---
 src/components/Card.js   | 4 ++--
 src/components/style.css | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/Card.js b/src/components/Card.js
index 7b615ea..2373b26 100644
--- a/src/components/Card.js
+++ b/src/components/Card.js
@@ -24,9 +24,9 @@ const Card = () => {
 
           <div className="text">
             <label>Network name</label>
-            <input id="ssid" type="text" maxlength="32" placeholder="Enter your WiFi Network" value={ssid} onChange={event => setSsid(event.target.value)} />
+            <input id="ssid" type="text" maxlength="32" placeholder="WiFi Network name" value={ssid} onChange={event => setSsid(event.target.value)} />
             <label>Password</label>
-            <input id="password" type="text" maxlength="64" placeholder="password" value={password} onChange={event => setPassword(event.target.value)} />
+            <input id="password" type="text" maxlength="64" placeholder="Password" value={password} onChange={event => setPassword(event.target.value)} />
           </div>
         </div>
 
diff --git a/src/components/style.css b/src/components/style.css
index e5b01e3..0f98052 100644
--- a/src/components/style.css
+++ b/src/components/style.css
@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro');
+
 #print-area {
   margin-top: 2em;
   padding: 1em;
@@ -15,6 +17,7 @@
 .details .text input {
   background-color: #fff;
   border: solid 1px #ddd;
+  font-family: 'Source Code Pro', serif;
   font-size: 1.4em;
   font-weight: bold;
   line-height: 2;
-- 
cgit v1.2.3