From 98e75f4beee6228edfbe98202adb1ea28eaeea79 Mon Sep 17 00:00:00 2001
From: typicode <typicode@gmail.com>
Date: Thu, 16 Mar 2017 00:43:08 +0100
Subject: [PATCH] Style

---
 src/server/public/index.html | 19 ++++++-------------
 src/server/public/style.css  | 16 +++++++---------
 2 files changed, 13 insertions(+), 22 deletions(-)

diff --git a/src/server/public/index.html b/src/server/public/index.html
index 549e6ca..add1d92 100644
--- a/src/server/public/index.html
+++ b/src/server/public/index.html
@@ -16,17 +16,16 @@
     </header>
     <main>
       <div class="container">
+        <h4>Congrats!</h4>
         <p>
-          <strong>Congrats!</strong><br>
-          You're successfully running JSON Server 😄
+          You're successfully running JSON Server<br>
+          ✧*｡٩(ˊᗜˋ*)و✧*｡
         </p>
 
         <div id="resources"></div>
 
         <p>
-          <em>
-            To access and modify resources, you can use any HTTP method
-          </em>
+          To access and modify resources, you can use any HTTP method
           <br>
           <code>GET</code>
           <code>POST</code>
@@ -37,20 +36,14 @@
         </p>
 
         <div id="custom-routes"></div>
-
-        <!-- <h4>Extra</h4>
-        <p>
-
-          <br>
-        </p> -->
       </div>
     </main>
 
     <footer>
       <div class="container">
         <p>
-          <em>To replace this page, create a <code>./public</code> directory with an
-          <code>index.html</code> file in it</em>.
+          To replace this page, create a <code>./public</code> directory with an
+          <code>index.html</code> file in it.
         </p>
       </div>
     </footer>
diff --git a/src/server/public/style.css b/src/server/public/style.css
index 50a558b..50aedc6 100644
--- a/src/server/public/style.css
+++ b/src/server/public/style.css
@@ -9,6 +9,7 @@ body {
   padding:0;
   margin: 0;
   color: #333;
+  letter-spacing: 0;
 }
 
 header {
@@ -16,13 +17,12 @@ header {
   border-bottom: 1px solid #EEE;
 }
 
-header a {
-  color: inherit;
+header a, header a:hover {
+  text-decoration: none;
 }
 
 main {
   flex: 1;
-  padding-top: 4rem;
 }
 
 footer {
@@ -32,7 +32,6 @@ footer {
 
 h4 {
   margin-top: 4rem;
-  letter-spacing: 0;
 }
 
 a {
@@ -59,11 +58,6 @@ td:first-child {
   white-space: nowrap;
 }
 
-img {
-  padding-top: 50px;
-  padding-bottom: 20px;
-}
-
 ul {
   list-style-position: inside;
   padding-left: 0;
@@ -73,3 +67,7 @@ li {
   list-style-type: none;
   margin-bottom: .2rem;
 }
+
+code {
+  border-radius: 0;
+}