From a8068d82978f11262f0a1924e7f61cc2337a9393 Mon Sep 17 00:00:00 2001
From: Brent Simmons <brent@ranchero.com>
Date: Wed, 28 Feb 2018 13:32:29 -0800
Subject: [PATCH] Start working on finalizing detail view design.

---
 Evergreen/MainWindow/Detail/styleSheet.css | 24 +++++++++++++++-------
 Evergreen/MainWindow/Detail/template.html  |  3 ++-
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/Evergreen/MainWindow/Detail/styleSheet.css b/Evergreen/MainWindow/Detail/styleSheet.css
index 9d9599227..0390a7a40 100644
--- a/Evergreen/MainWindow/Detail/styleSheet.css
+++ b/Evergreen/MainWindow/Detail/styleSheet.css
@@ -1,10 +1,10 @@
 body {
 	color: #444;
 	background-color: white;
-	margin-top: 32px;
+	margin-top: 0px;
 	margin-bottom: 100px;
-	margin-left: 64px;
-	margin-right: 64px;
+	margin-left: 0px;
+	margin-right: 0px;
 	font-family: -apple-system;
 	font-size: 18px;
 }
@@ -17,6 +17,10 @@ a, a:link, a:visited {
 a:hover {
 	text-decoration: underline;
 }
+.content {
+	margin-left: 64px;
+	margin-right: 64px;
+}
 .articleDateline {
 	color: rgba(0, 0, 0, 0.3);
 	padding-bottom: 0px;
@@ -50,13 +54,19 @@ a:hover {
 	margin-bottom: 0;
 }
 .headerContainer {
-	color: rgba(0, 0, 0, 0.3);
+	padding-top: 10px;
+	padding-bottom: 10px;
+	background-color: rgba(66, 66, 73, 1.0);
 }
-.headerContainer a:link, .headerContainer a:visited {
-	color: rgba(0, 0, 0, 0.3);
+/*.headerContainer a:link, .headerContainer a:visited {*/
+/*	color: rgba(1, 1, 1, 0.3);*/
+/*}*/
+.header, .header a:link, .header a:visited {
+	color: rgba(255, 255, 255, 0.75);
 }
 .header {
-	color: rgba(0, 0, 0, 0.3);
+	padding-left: 64px;
+	padding-right: 64px;
 }
 .headerTable {
 	width: 100%;
diff --git a/Evergreen/MainWindow/Detail/template.html b/Evergreen/MainWindow/Detail/template.html
index 0a04b9615..bc8954b15 100644
--- a/Evergreen/MainWindow/Detail/template.html
+++ b/Evergreen/MainWindow/Detail/template.html
@@ -8,7 +8,8 @@
 	</tr>
 </table>
 </div>
+<div class="content">
 <div class="articleTitle"><h1>[[newsitem_title]]</h1></div>
 <div class="articleDateline">[[date_medium]]</div>
 <div id="articleDescription">[[newsitem_description]]</div>
-
+</div>