From a8c3e130d8dd88321af0f4105027faaf88bb65a0 Mon Sep 17 00:00:00 2001
From: Vit Brunner <vit.brunner@gmail.com>
Date: Wed, 22 Apr 2015 11:38:30 +0200
Subject: [PATCH] Put meta info in a table

---
 source/includes/comparison.html.jade | 7 ++++---
 source/styles/style.css.styl         | 6 ++++--
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/source/includes/comparison.html.jade b/source/includes/comparison.html.jade
index 9d9dbb2..61475ec 100644
--- a/source/includes/comparison.html.jade
+++ b/source/includes/comparison.html.jade
@@ -22,9 +22,10 @@
 			.version-padded
 				.version-container.version-container-top
 					p
-						.text(ng-repeat="key in metaKeys")
-							em(ng-bind-html="key")
-							span(ng-bind-html="poemmeta[key]")
+						table
+							tr(ng-repeat="key in metaKeys")
+								td(ng-bind-html="key" class="key")
+								td(ng-bind-html="poemmeta[key]")
 
 	.pure-g-r(du-scrollspy ng-href="#section-{{$index + 1}}" offset="100px" ng-repeat="verse in verses" id="section-{{$index + 1}}")
 		.version(ng-repeat="version in verse")
diff --git a/source/styles/style.css.styl b/source/styles/style.css.styl
index a572a88..edd0599 100644
--- a/source/styles/style.css.styl
+++ b/source/styles/style.css.styl
@@ -47,8 +47,10 @@ body
 	a
 		color: $dark
 
-#section-meta em
-	margin-right: 10px
+#section-meta .key
+	padding-right: 10px
+	font-style: italic
+	text-align: right
 	&:after
 		content: ": "