From 94bda359067ed80426545f6ddae6c67e11d52db6 Mon Sep 17 00:00:00 2001
From: Starbeamrainbowlabs <sbrl@starbeamrainbowlabs.com>
Date: Tue, 26 May 2020 13:16:33 +0100
Subject: [PATCH] Add some basic sltye rules to make the suggested pages look
 less terrible Particularly with the photo theme we need to do some more
 work....

---
 modules/feature-similarpages.php | 4 ++--
 themes/blue/theme.css            | 5 +++++
 themes/default/theme.css         | 4 ++++
 themes/photo/theme.css           | 4 ++++
 4 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/modules/feature-similarpages.php b/modules/feature-similarpages.php
index 96825b0..687b25d 100644
--- a/modules/feature-similarpages.php
+++ b/modules/feature-similarpages.php
@@ -72,7 +72,7 @@ register_module([
 		page_renderer::register_part_preprocessor(function(&$parts) {
 			global $env;
 			
-			$html = "<h2>Other pages to explore</h2>\n\t\t<ul class='similar-page-suggestions'>\n";
+			$html = "<aside class='similar-page-suggestions'><h2>Other pages to explore</h2>\n\t\t<ul class='similar-page-suggestions-list'>\n";
 			$start_time = microtime(true);
 			$suggestions = similar_suggest(
 				$env->page,
@@ -81,7 +81,7 @@ register_module([
 			$env->perfdata->similar_suggest = round((microtime(true) - $start_time) * 1000, 2);
 			foreach($suggestions as $suggested_pagename => $rank)
 				$html .= "<li data-rank='$rank'><a href='?page=".rawurlencode($suggested_pagename)."'>".htmlentities($suggested_pagename)."</a></li>\n";
-			$html .= "</ul>\n\t\t<!-- Took {$env->perfdata->similar_suggest}ms to compute similar page suggestions -->\n";
+			$html .= "</ul>\n\t\t<!-- Took {$env->perfdata->similar_suggest}ms to compute similar page suggestions -->\n\t\t</aside>\n";
 			
 			$parts["{extra}"] = $html . $parts["{extra}"];
 		});
diff --git a/themes/blue/theme.css b/themes/blue/theme.css
index a2cc5a8..e2d7a27 100644
--- a/themes/blue/theme.css
+++ b/themes/blue/theme.css
@@ -504,6 +504,11 @@ summary{
 	content:"\231b";
 	margin:0 0.1em 0 -1.1em;
 }
+
+.similar-page-suggestions { padding: 1em 2em; background: var(--bg-page-inset); /*box-shadow: 0 0.1rem 1rem 0.3rem var(--shadow);*/ }
+.similar-page-suggestions > h2 { text-align: center; }
+.similar-page-suggestions-list { list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-evenly; }
+
 .comments{
 	padding:1em 2em;
 	background:hsl(31, 64%, 85%);
diff --git a/themes/default/theme.css b/themes/default/theme.css
index 4dfe61b..747b973 100644
--- a/themes/default/theme.css
+++ b/themes/default/theme.css
@@ -285,6 +285,10 @@ summary { cursor: pointer; }
 .new-comment::before { content: "\\1f4ac"; margin: 0 0.1em 0 -1.1em; }
 .reversion::before { content: "\\231b"; margin: 0 0.1em 0 -1.1em; }
 
+.similar-page-suggestions { padding: 1em 2em; background: var(--bg-page-inset); /*box-shadow: 0 0.1rem 1rem 0.3rem var(--shadow);*/ }
+.similar-page-suggestions > h2 { text-align: center; }
+.similar-page-suggestions-list { list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-evenly; }
+
 .comments { padding: 1em 2em; background: var(--bg-comments-1); box-shadow: 0 0.1rem 1rem 0.3rem var(--shadow); }
 .comments .not-logged-in { padding: 0.3em 0.65em; background: var(--bg-comments-2); border-radius: 0.2em; font-style: italic; }
 .comments textarea { resize: vertical; }
diff --git a/themes/photo/theme.css b/themes/photo/theme.css
index 70d502c..b3cbf9f 100644
--- a/themes/photo/theme.css
+++ b/themes/photo/theme.css
@@ -212,6 +212,10 @@ input[type=submit] {
 
 .stacked-bar { display: flex; }
 
+/* TODO: Actually refine this properly
+.similar-page-suggestions { padding: 1em 2em; background: var(--bg-page-inset); /*box-shadow: 0 0.1rem 1rem 0.3rem var(--shadow);*/ }
+.similar-page-suggestions > h2 { text-align: center; }
+.similar-page-suggestions-list { list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-evenly; }
 
 .comments	{ grid-area: comments;	}