better read colors, more fixes

css/screen.css

@@ -156,6 +156,11 @@ canvas {
 	position: relative;
 }
 
+.red    #list li { border-bottom: 1px solid #c0392b; }
+.white  #list li { border-bottom: 1px solid #bdc3c7; }
+.blue   #list li { border-bottom: 1px solid #2980b9; }
+.yellow #list li { border-bottom: 1px solid #f39c12; }
+
 #list li:after {
 	content: "›";
 	position: absolute;
@@ -166,6 +171,11 @@ canvas {
 	font-family: "Open Sans";
 }
 
+.red    #list li:after { color: #c0392b; }
+.white  #list li:after { color: #bdc3c7; }
+.blue   #list li:after { color: #2980b9; }
+.yellow #list li:after { color: #f39c12; }
+
 #list li > a {
 	display: block;
 	padding: 5px 25px 5px 10px;
@@ -174,7 +184,7 @@ canvas {
 }
 
 #list li.unread:after {
-	font-weight: bold;
+	color: inherit;
 }
 
 #full > article {
@@ -188,6 +198,8 @@ canvas {
 	padding: 0;
 }
 
+
+
 #full h1 a {
 	text-decoration: none;
 }
@@ -202,8 +214,17 @@ canvas {
 	text-decoration: underline;
 }
 
+#full article header {
+	margin: 20px 0;
+}
+
+#full article header p {
+	margin: 0;
+	padding: 0;
+}
+
 #full footer.bar {
-	margin: 10px -10px 0 -10px;
+	margin: 30px -10px 0 -10px;
 }
 
 #full footer.bar a.next {

index.html

@@ -29,7 +29,7 @@
 
 <section id="settings">
   <header class="bar">
-    <a class="button" href="#list">Back</a>
+    <a class="button" href="#list">List</a>
   </header>
   <article>
     <ul>

js/App.js

@@ -7,11 +7,6 @@ function App() {
 	if(!color) color = "red";
 	this.setColor(color);
 
-	var request = window.navigator.mozApps.getSelf();
-	request.onsuccess = function() {
-		$("#version").innerHTML = request.result.manifest.version;
-	}
-
 };
 
 App.prototype.authenticate = function() {
@@ -20,6 +15,11 @@ App.prototype.authenticate = function() {
 
 App.prototype.after_login = function() {
 
+	var request = window.navigator.mozApps.getSelf();
+	request.onsuccess = function() {
+		$("#version").innerHTML = request.result.manifest.version;
+	}
+
 	var _this = this;
 
 	window.onhashchange = function(e) {
@@ -31,6 +31,7 @@ App.prototype.after_login = function() {
 		var url = window.location.hash;
 
 		if(url == "#list") {
+			_this.setCurrentRead();
 			_this.changeToPage("#list");
 		} else if(url == "#reload") {
 			_this.reload();
@@ -68,7 +69,9 @@ App.prototype.after_login = function() {
 		$(".info.swipe").addClass("hidden");
 	};
 
-	if(localStorage.info_swipe) {
+	var supportsTouch = 'ontouchend' in document;
+
+	if(!supportsTouch || localStorage.info_swipe) {
 		$(".info.swipe").addClass("hidden");
 	}
 
@@ -271,14 +274,18 @@ App.prototype.showPrevious = function() {
 
 App.prototype.setCurrentRead = function() {
 	var article = this.unread_articles[this.currentIndex];
+	if(!article) return; // happens if we're not on a full article site
+	
 	if(!article.set_unread) {
 		article.unread = false;
 		this.updateList();
 		var _this = this;
-		setTimeout(function() { _this.ttrss.setArticleRead(article.id); },100);
+		setTimeout(function() { _this.ttrss.setArticleRead(article.id); }, 100);
 	}
 
 	article.set_unread = false;
+
+	this.updatePieChart();
 };
 
 App.prototype.setCurrentUnread = function() {