Move pagination out of resultinfo

Change-Id: I1e0ba7a6a2f8d28c6087eb6c4c5732b48d691cac
diff --git a/Changes b/Changes
index 8b906d1..35169bd 100755
--- a/Changes
+++ b/Changes
@@ -14,6 +14,7 @@
         - Update to menu.js's removeItems function to only delete
           direct childNodes aswell as a specification to test for it (lerepp)
         - Make actions private in panels and views.
+        - Move pagination out of resultinfo.
 
 0.42 2021-06-18
         - Added GitHub based CI for perl.
diff --git a/dev/demo/all.html b/dev/demo/all.html
index f103cda..d56b5f6 100644
--- a/dev/demo/all.html
+++ b/dev/demo/all.html
@@ -91,16 +91,16 @@
     </aside>
 
     <main>
+      <div id="pagination">
+	<a rel="prev"><span><span>&lt;</span></span></a>
+	<a rel="self"><span>1</span></a>
+	<a href="#2" tabindex="4"><span>2</span></a>
+	<a href="#3" tabindex="4"><span>3</span></a>
+	<a class="ellipsis"><span><span>...</span></span></a>
+	<a href="#52230" tabindex="4"><span>52230</span></a>
+	<a rel="next" href="#2" tabindex="4"><span><span>&gt;</span></span></a>
+      </div>
       <div id="resultinfo" class="found">
-	<div id="pagination" class="button-group button-panel">
-	  <a rel="prev"><span><span>&lt;</span></span></a>
-	  <a rel="self"><span>1</span></a>
-	  <a href="#2" tabindex="4"><span>2</span></a>
-	  <a href="#3" tabindex="4"><span>3</span></a>
-	  <a class="ellipsis"><span><span>...</span></span></a>
-	  <a href="#52230" tabindex="4"><span>52230</span></a>
-	  <a rel="next" href="#2" tabindex="4"><span><span>&gt;</span></span></a>
-	</div>
 	<p class="found">Found <span id="total-results">unknown amount of matches</span> in 59.93ms</p>
       </div>
 
diff --git a/t/query.t b/t/query.t
index 50d81b1..a2e2f44 100644
--- a/t/query.t
+++ b/t/query.t
@@ -43,6 +43,8 @@
   # Total pages
   ->element_count_is('#pagination > a', 5)
 
+  ->element_exists_not('#resultinfo > #pagination')
+
   # api_response
   ->content_like(qr/${q}authorized${q}:null/)
   ->content_like(qr/${q}pubDate${q},${q}subTitle${q},${q}author${q}/)
diff --git a/templates/search.html.ep b/templates/search.html.ep
index f065293..88eee32 100644
--- a/templates/search.html.ep
+++ b/templates/search.html.ep
@@ -1,7 +1,8 @@
 % layout 'main', schematype => 'SearchResultsPage';
 
+<div id="pagination"><%= pagination(stash('start_page'), stash('total_pages'), url_with->query({'p' => '{page}'})) =%></div>
+
 <div id="resultinfo" <% if (stash('results')->size) { %> class="found"<%} %>>
-  <div id="pagination" class="button-group button-panel"><%= pagination(stash('start_page'), stash('total_pages'), url_with->query({'p' => '{page}'})) =%></div>
 % my $found = stash('total_results') // 0;
   <p class="found">\
 % if ($found != -1) {