From 37fb6f25381ea2b1254517a811f46a596deb788f Mon Sep 17 00:00:00 2001
From: Kameron Kenny <kameron.kenny@salesforce.com>
Date: Wed, 26 Jun 2019 10:54:11 -0400
Subject: [PATCH] css

---
 punch_list/backlog.html     |  6 ++++--
 punch_list/backlogManage.js | 12 ++++++------
 punch_list/css/custom.css   |  8 ++++++--
 punch_list/metadata.js      |  2 +-
 4 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/punch_list/backlog.html b/punch_list/backlog.html
index ab7c89e..404322c 100644
--- a/punch_list/backlog.html
+++ b/punch_list/backlog.html
@@ -56,8 +56,10 @@
 		</div>
 
 
-		<a class='punch-default u-pull-right' href='#' onClick=clearTagFilter()>Clear Tags</a>
-		<div class='punch-default u-pull-right' id=versionInfo></div>
+		<div class='u-pull-right' style="width: 200px;">
+			<div style="width: 100%;" class='punch-default u-pull-right'><a class='punch-default u-pull-right' href='#' onClick=clearTagFilter()>Clear Tags</a></div>
+			<div style="width: 100%;" class='punch-default u-pull-right' id=versionInfo></div>
+		</div>
 		<div id="debug1"></div>
 	</body>
 </html>
diff --git a/punch_list/backlogManage.js b/punch_list/backlogManage.js
index e255890..695dbbb 100644
--- a/punch_list/backlogManage.js
+++ b/punch_list/backlogManage.js
@@ -80,6 +80,7 @@ function genBacklog(punchList) {
 }
 
 function genList(punchList, element) {
+	document.getElementById("versionInfo").innerHTML = '<div class="u-pull-right">' + version + '</div>';
 	enableElement("punchListAll");
 	var itemStyle = "punches";
 //	isItArray(punchList);
@@ -100,7 +101,7 @@ function genList(punchList, element) {
 					list += '<li class="' + style + '">';
 					list += '<div class="portlet">';
 					list += '<div class="backlog-list-header">';
-					list += punchList[i].priority + '<div class=subject>' + punchList[i].subject + '</div>';
+					list += '<div class="one column">' +punchList[i].priority + '</div><div class="ten columns subject">' + punchList[i].subject + '</div>';
 					list += '<div class="two columns ' + style + '">' + punchList[i].progress + '</div>';
 					if (style === "inProgress") {
 						list += '<div class="two columns ' + style + '"><a class="punch-default" href="#" onClick=completePunch("' + punchList[i].uuid + '")>Finish</a></div>';
@@ -114,7 +115,7 @@ function genList(punchList, element) {
 					}
 					if ( (new Date(punchList[i].nDate).getTime() - new Date().getTime()) <= 0 ) {
 						console.log('overdue');
-						list += '<div class="two columns punch-default overdue">OVERDUE</div>';
+						list += '<div class="two columns punch-default overdue">OVER DUE</div>';
 					} else if ( ((new Date(punchList[i].nDate).getTime() - new Date().getTime()) / 1000) <= 259200 ) {
 						console.log('due soon');
 						list += '<div class="two columns punch-default duesoon">DUE SOON</div>';
@@ -148,7 +149,7 @@ function genList(punchList, element) {
 				list += '<li class="' + style + '">';
 				list += '<div class="portlet">';
 				list += '<div class="backlog-list-header">';
-				list += punchList[i].priority + '<div class=subject>' + punchList[i].subject + '</div>';
+				list += '<div class="one column">' +punchList[i].priority + '</div><div class=subject>' + punchList[i].subject + '</div>';
 				list += '<div class="two columns ' + style + '">' + punchList[i].progress + '</div>';
 				if (style === "inProgress") {
 					list += '<div class="two columns ' + style + '"><a class="punch-default" href="#" onClick=completePunch("' + punchList[i].uuid + '")>Finish</a></div>';
@@ -162,7 +163,7 @@ function genList(punchList, element) {
 				}
 				if ( (new Date(punchList[i].nDate).getTime() - new Date().getTime()) <= 0 ) {
 					console.log('overdue');
-					list += '<div class="two columns punch-default overdue">OVERDUE</div>';
+					list += '<div class="two columns punch-default overdue">OVER DUE</div>';
 				} else if ( ((new Date(punchList[i].nDate).getTime() - new Date().getTime()) / 1000) <= 259200 ) {
 					console.log('due soon');
 					list += '<div class="two columns punch-default duesoon">DUE SOON</div>';
@@ -215,7 +216,7 @@ function mkSortable() {
     $( ".portlet" )
       .addClass( "ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" )
       .find( ".backlog-list-header" )
-        .addClass( "ui-widget-header ui-corner-all" )
+        .addClass( "ui-corner-all" )
         .prepend( "<span class='ui-icon ui-icon-minusthick portlet-toggle'></span>");
 
     $( ".portlet-toggle" ).on( "click", function() {
@@ -533,7 +534,6 @@ function signOut() {
 
 getJson();
 
-document.getElementById("versionInfo").innerHTML = version;
 
 $('li').on("click", function(event){
   var target = event.target,
diff --git a/punch_list/css/custom.css b/punch_list/css/custom.css
index 059ef38..eb8377c 100644
--- a/punch_list/css/custom.css
+++ b/punch_list/css/custom.css
@@ -30,8 +30,8 @@
 }
 .ui-widget-content { background: #000; color: #aaa;}
 .ui-widget-header { background: #333; color: #aaa;}
-a.punch-default { color: #aaa; font-size: 12px; text-decoration: none;}
-a.punch-default:hover { color: #00FFFF; }
+a.punch-default { color: #00BFFF; font-size: 12px; text-decoration: none;}
+a.punch-default:hover { color: #00FFFF; text-shadow: 0px 0px 23px #FFF; }
 .punch-default { border: 0px solid #AAA; color: #aaa; font-size: 12px; }
 .inProgress { color: orange; font-size: 12px; }
 .overdue { color: red; }
@@ -45,6 +45,9 @@ a.punch-default:hover { color: #00FFFF; }
 .edit-text-box { width: 100%; min-height: 200px; font-size: 12px; }
 .ui-widget textarea { font-size: 12px; }
 body {
+	width: 90%;
+	margin-left: auto;
+	margin-right: auto;
   background: #222;
   color: #AAA; }
 textarea {
@@ -164,6 +167,7 @@ textarea {
 .punches-current {
   background: #555; }
 .subject {
+	overflow: hidden;
 	width: 89%;
   float: left;
   color: #FFF;
diff --git a/punch_list/metadata.js b/punch_list/metadata.js
index 9d0de3d..7a7bffe 100644
--- a/punch_list/metadata.js
+++ b/punch_list/metadata.js
@@ -1,4 +1,4 @@
-var version = "0.6.031",
+var version = "0.6.032",
 		debug = false,
 		jsonUrl = "https://api.myjson.com/bins/1dodsj",
 		showDone = false,