From 4d4d934de3af1fafd355ab98a3323db0f0daeae6 Mon Sep 17 00:00:00 2001
From: Edward Betts <edward@4angle.com>
Date: Fri, 25 Oct 2019 17:02:02 +0100
Subject: [PATCH] Reorganise item page to work better on mobile

---
 templates/item.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/templates/item.html b/templates/item.html
index 7204c19..d8ddf8c 100644
--- a/templates/item.html
+++ b/templates/item.html
@@ -10,9 +10,12 @@ span.description { color: rgb(96, 96, 96); }
 {% endblock %}
 
 {% block content %}
-<div>
-  <div class="d-flex">
-      <div class="p-2 flex-fill">
+<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>
         {% if label_languages %}
         <p>Label from:
@@ -176,9 +179,6 @@ span.description { color: rgb(96, 96, 96); }
       </form>
       {% endif %}
     </div>
-    <div class="flex-shrink-1 vh-100">
-      <img src="{{ image.thumburl }}" />
-    </div>
   </div>
 
 </div>