Serif font for input fields (#5)

Fixes #4

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;