From 7e1fbb792295852fe1478a6cb735eeead0450f57 Mon Sep 17 00:00:00 2001
From: David Reid <mackron@gmail.com>
Date: Fri, 17 Jul 2020 19:05:16 +1000
Subject: [PATCH] Updates to the website.

---
 website/.webplate/miniaudio-header.html | 25 ++++++++++++++-----------
 website/css/main.css                    |  8 +++++---
 2 files changed, 19 insertions(+), 14 deletions(-)
diff --git a/website/.webplate/miniaudio-header.html b/website/.webplate/miniaudio-header.html
index 5ad37096..09376cd5 100644
--- a/website/.webplate/miniaudio-header.html
+++ b/website/.webplate/miniaudio-header.html
@@ -16,24 +16,27 @@
 
 <body style="margin:0; padding:0">
     <div style="background-color:#003800; color:#bfa792;">
-        <div style="max-width:75%; width:100%; margin:0 auto;">
-            <table class="header-link-table" style="">
+        <div style="max-width:100%; width:100%; margin:0 auto;">
+            <table class="header-link-table" style="border-collapse:collapse; border-spacing:0; padding:0; padding-right:1em;">
                 <tr>
-                    <td style="padding:0; width:100%; text-align:left;">
-                        <table class="header-link-table" style="">
+                    <td style="padding:0.75em; width:100%; text-align:left;">
+                        <table class="header-link-table" style="border-collapse:collapse; margin:0; padding:0">
                             <tr>
-                                <td style="vertical-align:center; padding-right:2em;"><a href="{{ relative-path "index.html" }}"><img src="{{ relative-path "img/logo1_large_white.png" }}" style="height:24px; min-width:100%;"></a></td>
+                                <td style="vertical-align:bottom; padding:0em; padding-right:2em;"><a href="{{ relative-path "index.html" }}"><img src="{{ relative-path "img/logo1_large_white.png" }}" style="height:24px; min-width:100%;"></a></td>
+                                <td><a href="{{ relative-path "docs/manual/index.html" }}">Documentation</a></td>
+                                <td><a href="{{ relative-path "docs/examples/index.html" }}">Examples</a></td>
                             </tr>
                         </table>    
                     </td>
-                    <td style="padding:0; width:25%; text-align:right; vertical-align:center;">
-                        <a style="padding:0;" href="https://discord.gg/9vpqbjU"><img src="{{ relative-path "img/Discord-Logo-White.svg" }}" style="padding:0; height:32px; width:32px;"></a>
+                    
+                    <td style="padding:0.1em; width:25%; text-align:right; vertical-align:center;">
+                        <a href="https://discord.gg/9vpqbjU"><img src="{{ relative-path "img/Discord-Logo-White.svg" }}" style="margin:0; padding:0; height:32px; width:32px;"></a>
                     </td>
-                    <td style="padding:0; width:25%; text-align:right; vertical-align:center;">
-                        <a style="padding:0;" href="https://twitter.com/mackron"><img src="{{ relative-path "img/twitter_white.png" }}" style="padding:0; height:32px; width:32px;"></a>
+                    <td style="padding:0.1em; width:25%; text-align:right; vertical-align:center;">
+                        <a href="https://twitter.com/mackron"><img src="{{ relative-path "img/twitter_white.png" }}" style="margin:0; padding:0; height:32px; width:32px;"></a>
                     </td>
-                    <td style="padding:0; width:25%; text-align:right; vertical-align:center;">
-                        <a style="padding:0;" href="https://github.com/dr-soft/miniaudio"><img src="{{ relative-path "img/github_white.png" }}" style="padding:0; height:24px; width:24px;"></a>
+                    <td style="padding:0.1em; padding-right:1em; width:25%; text-align:right; vertical-align:center;">
+                        <a href="https://github.com/dr-soft/miniaudio"><img src="{{ relative-path "img/github_white.png" }}" style="margin:0; padding:0; height:24px; width:24px;"></a>
                     </td>
                 </tr>
             </table>
diff --git a/website/css/main.css b/website/css/main.css
index 28609a0c..d296014c 100644
--- a/website/css/main.css
+++ b/website/css/main.css
@@ -81,12 +81,14 @@ a:hover {
 .header-link-table {
 }
 .header-link-table td {
-    padding:0.5em 0;
-    padding-right:2em;
+    padding-right:1em;
     vertical-align:center;
+    line-height:0;
+    /*border:solid 1px #f00;*/
 }
 .header-link-table a {
-    color:#e0d7cf;
+    /*color:#e0d7cf;*/
+    color:#dddddd;
     text-decoration:none;
 }
 .header-link-table a:hover {
