From 1dedc305964b49bac07234174f58719f974243f5 Mon Sep 17 00:00:00 2001
From: Francis Lavoie <lavofr@gmail.com>
Date: Thu, 26 Aug 2021 17:31:38 -0400
Subject: [PATCH] Make entire rows clickable on directive page's table

---
 src/docs/markdown/caddyfile/directives.md | 28 +++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/docs/markdown/caddyfile/directives.md b/src/docs/markdown/caddyfile/directives.md
index 0fbdb3a..ed80068 100644
--- a/src/docs/markdown/caddyfile/directives.md
+++ b/src/docs/markdown/caddyfile/directives.md
@@ -2,10 +2,37 @@
 title: Caddyfile Directives
 ---
 
+<style>
+#directive-table table {
+	margin: 0 auto;
+	overflow: hidden;
+}
+
+#directive-table tr:hover {
+	background: rgba(0, 0, 0, 10%);
+}
+
+#directive-table tr td:first-child {
+	position: relative;
+}
+
+#directive-table a:before {
+	content: '';
+	position: absolute;
+	left: 0;
+	top: 0;
+	bottom: 0;
+	display: block;
+	width: 100vw;
+}
+</style>
+
 # Caddyfile Directives
 
 The following directives come standard with Caddy, and can be used in the HTTP Caddyfile:
 
+<div id="directive-table">
+
 Directive | Description
 ----------|------------
 **[abort](/docs/caddyfile/directives/abort)** | Aborts the HTTP request
@@ -38,6 +65,7 @@ Directive | Description
 **[try_files](/docs/caddyfile/directives/try_files)** | Rewrite that depends on file existence
 **[uri](/docs/caddyfile/directives/uri)** | Manipulate the URI
 
+</div>
 
 ## Syntax