From 35b9973a4ad04a20b7f6d91fb2dcb4fb33269c1e Mon Sep 17 00:00:00 2001
From: mappu <mappu04@gmail.com>
Date: Sun, 10 Dec 2017 14:05:45 +1300
Subject: [PATCH] mobile-friendly search results

---
 ArchiveState.go  |  2 +-
 static/style.css | 18 +++++++++++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/ArchiveState.go b/ArchiveState.go
index c050af8..7d8c364 100644
--- a/ArchiveState.go
+++ b/ArchiveState.go
@@ -123,7 +123,7 @@ func (this *ArchiveState) renderSearch(w http.ResponseWriter) {
 
 	this.renderTemplateHead(w)
 	totalResults := 0
-	w.Write([]byte(`<ul>`))
+	w.Write([]byte(`<ul class="search-results">`))
 
 	limit := this.log.LatestDate().Next() // one off the end
 	for ympair := this.log.EarliestDate(); !ympair.Equals(limit); ympair = ympair.Next() {
diff --git a/static/style.css b/static/style.css
index 645f68b..bcf127e 100644
--- a/static/style.css
+++ b/static/style.css
@@ -61,7 +61,8 @@ select {
 
 #chatarea {
 	word-break:break-word;
-	white-space: pre;
+	white-space: pre; /* Safari 1/2, IE 6/7 */
+	white-space: pre-wrap; /* Chrome, Firefox, IE8++ */ 
 }
 
 .timestamp {
@@ -256,6 +257,21 @@ select {
 	#searchbox {
 		width:auto;
 	}
+	
+	ul.search-results {
+		list-style-type: none;
+		padding-left: 2px;
+	}
+	
+	.search-results li a:first-child {
+		/* convert mini link to touchable */
+		display:inline-block;
+		padding: 2px 6px;
+		margin: 2px;
+		border: 1px solid grey;
+		background: lightgrey;
+		
+	}
 }
 
 @media (max-width: 400px) {