From 67d9541fec6f7b163853d02624bd20b32b4170d1 Mon Sep 17 00:00:00 2001
From: Ezra <ezra96@outlook.com>
Date: Thu, 11 Mar 2021 15:28:44 -0600
Subject: [PATCH] Bootstrap class updates to ensure better mobile compatibility

---
 app/templates/verse.hbs | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/templates/verse.hbs b/app/templates/verse.hbs
index c1a09d5..968aa6f 100644
--- a/app/templates/verse.hbs
+++ b/app/templates/verse.hbs
@@ -1,7 +1,7 @@
 <div class="container">
   <h1>{{model.reference}}</h1>
   <div class="row">
-    <div class="col-12">
+    <div class="col-12 mt-4 mb-3">
       <h4>ULB</h4>
       <p>{{model.ulbText}}</p>
       <h4>Greek</h4>
@@ -9,10 +9,10 @@
     </div>
   </div>
   <div class="row">
-    <div class="col-6">
+    <div class="col-sm-6 mt-4">
       <Words::WordTable @model={{model.words}} />
     </div>
-    <div class="col-6">
+    <div class="col-sm-6 mt-4">
       {{outlet}}
     </div>
   </div>