From d4d2e1e97c4a056993f28df0c05af06ac6952d1f Mon Sep 17 00:00:00 2001
From: "Ethan N. Paul" <enpaul@omni.enpaul.net>
Date: Tue, 28 Mar 2017 12:40:27 -0400
Subject: [PATCH] Layout and CSS tweaks to the vpn documentation sections

---
 css/style.css  | 10 +++++++++-
 vpn/index.html | 12 ++++++------
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/css/style.css b/css/style.css
index b31035a..a2c3ff0 100644
--- a/css/style.css
+++ b/css/style.css
@@ -61,6 +61,14 @@ a:focus {
     font-weight: 400;
 }
 
+.documentation {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+.documentation b {
+  color: #2C7AB7;
+}
+
 .navbar-custom {
     margin-bottom: 0;
     border-bottom: 1px solid rgba(255,255,255,.3);
@@ -269,7 +277,7 @@ a:focus {
 }
 
 .content-section {
-    padding-top: 0px;
+    padding-top: 5px;
     text-align: center;
 }
 
diff --git a/vpn/index.html b/vpn/index.html
index b07a316..68de2bf 100644
--- a/vpn/index.html
+++ b/vpn/index.html
@@ -6,7 +6,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="description" content="ENPaul Network landing page">
+    <meta name="description" content="ENPaul Network vpn detail page">
     <meta name="author" content="enpaul@enpaul.net">
 
     <title>ENPN Virtual Private Networking</title>
@@ -82,7 +82,7 @@
         <div class="col-lg-8 col-lg-offset-2">
           <h2>Connecting from Windows</h2>
           <span style="color:white;"><i class="fa fa-windows fa-4x" aria-hidden="true"></i></span>
-          <br>
+          <br><br>
           <p><b>NOTE:</b> For security reasons, remote connectivity from Windows clients running Windows Vista, Windows XP, or older is not supported</p>
           <br>
           <b>Adding a connection through the Windows 10 Settings App</b>
@@ -178,13 +178,13 @@
         </div>
     </footer>
 
-    <script src="js/jquery.js"></script>
+    <script src="../js/jquery.js"></script>
 
-    <script src="js/bootstrap.min.js"></script>
+    <script src="../js/bootstrap.min.js"></script>
 
-    <script src="js/jquery.easing.min.js"></script>
+    <script src="../js/jquery.easing.min.js"></script>
 
-    <script src="js/grayscale.js"></script>
+    <script src="../js/grayscale.js"></script>
 
 </body>