From ebc1f09b6aa0cd8fc51dfe9f8af683dccbfe7fe9 Mon Sep 17 00:00:00 2001
From: Edward Betts <edward@4angle.com>
Date: Fri, 25 Oct 2019 17:03:55 +0100
Subject: [PATCH] Update next page to work on mobile like item page

---
 templates/next.html | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/templates/next.html b/templates/next.html
index 3e89859..549b509 100644
--- a/templates/next.html
+++ b/templates/next.html
@@ -3,13 +3,17 @@
 {% block title %}{{ label }} ({{qid }}){% endblock %}
 
 {% block content %}
-<div class="d-flex">
-  <div class="p-2 flex-fill">
-    <h1>{{ self.title() }}</h1>
+<div class="container-fluid mt-2">
+  <div class="row">
+    <div class="col-md">
+      <img src="{{ image.thumburl }}" class="w-100" />
+    </div>
+      <div class="col-md">
+        <h1>{{ self.title() }}</h1>
 
-    <div class="alert alert-primary" role="alert">
-  Thanks for contributing. Your edits have been saved to the painting on Wikidata. Use the links below to find other similar paintings to catalog.
-</div>
+        <div class="alert alert-primary" role="alert">
+        Thanks for contributing. Your edits have been saved to the painting on Wikidata. Use the links below to find other similar paintings to catalog.
+        </div>
 
   <p>
   <a href="https://www.wikidata.org/wiki/{{ qid }}">view this painting on Wikidata</a>
@@ -42,10 +46,7 @@
   {% endraw %}
   {% endif %}
 
-  </div>
-
-  <div class="flex-shrink-1 vh-100">
-    <img src="{{ image.thumburl }}">
+    </div>
   </div>
 </div>
 {% endblock %}