From 6772a77930da1c71d4b60e64e37ecebc17984a4e Mon Sep 17 00:00:00 2001
From: Alex Cabal <alex@alexcabal.com>
Date: Mon, 14 Sep 2020 11:12:38 -0500
Subject: [PATCH] Move code headers to the right and tweak borders in the
 manual

---
 www/css/manual.css | 34 +++++++++++++++++++++++-----------
 1 file changed, 23 insertions(+), 11 deletions(-)

diff --git a/www/css/manual.css b/www/css/manual.css
index 97304afc..cd1bae3a 100644
--- a/www/css/manual.css
+++ b/www/css/manual.css
@@ -132,7 +132,7 @@ code.xml,
 code.ietf,
 code.css,
 code.marc{
-	border: 1px solid rgba(255,255,255,.25);
+	border: 1px solid var(--border);
 	background: #333;
 	border-radius: .25rem;
 	white-space: nowrap;
@@ -154,12 +154,14 @@ figure code.css{
 code.xml.full,
 code.html.full,
 code.css.full{
+	position: relative;
 	border: none;
 	display: block;
 	padding: 1rem;
 	background: #333;
 	text-align: left;
 	color: #fff !important; /* in case code highlighting fails */
+	border: 1px solid var(--border);
 }
 
 code.full{
@@ -167,24 +169,32 @@ code.full{
 	color: #fff !important; /* in case code highlighting fails */
 }
 
-code.full::before{
-	display: block;
-	border-bottom: 1px dashed var(--sub-text);
-	padding-bottom: .5rem;
-	margin-bottom: .5rem;
-	font-weight: bold;
-	line-height: 1;
+figure.full{
+	position: relative;
 }
 
-code.xml.full::before{
+figure.full::after{
+	float: right;
+	font-weight: bold;
+	line-height: 1;
+	color: rgba(255, 255, 255, 0.25);
+	position: absolute;
+	top: 1rem;
+	right: 1rem;
+	font-family: "Fira Mono", monospace;
+	font-size: .7rem;
+	z-index: 100;
+}
+
+figure.xml.full::after{
 	content: "XML";
 }
 
-code.html.full::before{
+figure.html.full::after{
 	content: "HTML";
 }
 
-code.css.full::before{
+figure.css.full::after{
 	content: "CSS";
 }
 
@@ -338,6 +348,8 @@ figure.corrected::before{
 	padding: 0 .5rem;
 	border-top-left-radius: .25rem;
 	border-bottom-left-radius: .25rem;
+	border: 1px solid var(--border);
+	border-right: none;
 }
 
 figure.wrong::before{