[RFC,selinux-notebook PATCH 03/18] css: style improvements

From: Paul Moore <paul@paul-moore.com>
To: selinux@vger.kernel.org
Subject: [RFC,selinux-notebook PATCH 03/18] css: style improvements
Date: Mon, 03 Aug 2020 21:33:35 -0400	[thread overview]
Message-ID: <159650481580.8961.18287412326005256104.stgit@sifl> (raw)
In-Reply-To: <159650470076.8961.12721446818345626943.stgit@sifl>

Signed-off-by: Paul Moore <paul@paul-moore.com>
---
 src/styles_html.css |   15 ++++++++++++++-
 src/styles_pdf.css  |   18 +++++++++++++++++-
 2 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/src/styles_html.css b/src/styles_html.css
index 887051c..fef851e 100644
--- a/src/styles_html.css
+++ b/src/styles_html.css
@@ -15,11 +15,18 @@ a {
 
 table {
 	/* limit to 95% page width */
+	min-width: 50%;
 	max-width: 95%;
 	/* combine table borders when they are adjacent */
 	border-collapse: collapse;
 }
-table tr, th, td {
+table th {
+	padding: 0.5em;
+	border: 1px solid black;
+	background-color: #d3d3d3;
+}
+table tr, td {
+	padding: 0.5em;
 	border: 1px solid black;
 }
 
@@ -30,3 +37,9 @@ img {
 	margin-right: auto;
 	max-width: 95%;
 }
+
+pre {
+	width: 95%;
+	padding: 1em;
+	background-color: #f5f5f5;
+}
diff --git a/src/styles_pdf.css b/src/styles_pdf.css
index 5fa9d02..f0bba23 100644
--- a/src/styles_pdf.css
+++ b/src/styles_pdf.css
@@ -68,7 +68,16 @@ table {
 	 *       revaluate the 'table-layout: fixed' hack below */
 	table-layout: fixed;
 }
-table tr, th, td {
+table th {
+	padding: 0.5em;
+	border: 1px solid black;
+	background-color: #d3d3d3;
+	/* TODO: once we finish the HTML->Markdown conversion we should
+	 *       revaluate the 'word-wrap: break-word' hack below */
+	word-wrap: break-word;
+}
+table tr, td {
+	padding: 0.5em;
 	border: 1px solid black;
 	/* TODO: once we finish the HTML->Markdown conversion we should
 	 *       revaluate the 'word-wrap: break-word' hack below */
@@ -82,3 +91,10 @@ img {
 	margin-right: auto;
 	max-width: 95%;
 }
+
+pre {
+	/* force/limit to 95% page width */
+	width: 95%;
+	padding: 1em;
+	background-color: #f5f5f5;
+}

