From 48e185260fc2c5d84443b209766992ca4408a79a Mon Sep 17 00:00:00 2001
From: Edward Betts <edward@4angle.com>
Date: Wed, 6 Oct 2021 19:02:18 +0200
Subject: [PATCH] Item details switches to single column on narrow screen.

---
 frontend/App.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/App.vue b/frontend/App.vue
index 0abb382..ff2e5c2 100644
--- a/frontend/App.vue
+++ b/frontend/App.vue
@@ -408,7 +408,8 @@
           <button type="button" class="btn-close float-end" id="close-detail" @click="close_item()"></button>
         </div>
         <div id="detail">
-          <div class="row"><div class="col">
+          <div class="row"><div class="col-xl-6">
+
           <strong>Wikidata item</strong><br>
           <a :href="qid_url(wd_item.qid)" target="_blank">{{ wd_item.label }}</a> ({{ wd_item.qid }})
 
@@ -432,7 +433,7 @@
           </span>
 
           </div>
-          <div class="col">
+          <div class="col-xl-6">
 
           <div v-if="current_item.tag_or_key_list && current_item.tag_or_key_list.length">
             <strong>OSM tags/keys to search for</strong><br/>