From 1e104340b76b50c5a00b941e820a68c28d362930 Mon Sep 17 00:00:00 2001
From: Agnibho Mondal <mondal@agnibho.com>
Date: Wed, 29 Mar 2017 10:57:54 +0530
Subject: [PATCH] Fixed click problem on narrow screens.

---
 mcquick/index.php      |  4 +++-
 mcquick/res/custom.css |  3 +++
 mcquick/script.js      | 20 ++++++++++----------
 3 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/mcquick/index.php b/mcquick/index.php
index 67d6a68..92135ce 100644
--- a/mcquick/index.php
+++ b/mcquick/index.php
@@ -155,7 +155,9 @@ require_once "lib/php/DB.php";
 		    </form>
 		</div>
 	    </div>
-	    <span id="show_question"></span>
+      <div class="row">
+      <div id="show_question"></div>
+      </div>
 	    <div class="col-sm-offset-3 col-sm-6">
 		<button class="btn btn-success btn-lg btn-block" id="submit_paper">Submit Paper</button>
 	    </div>
diff --git a/mcquick/res/custom.css b/mcquick/res/custom.css
index eec9a99..02bb306 100755
--- a/mcquick/res/custom.css
+++ b/mcquick/res/custom.css
@@ -44,3 +44,6 @@ h1, h2, h3, h4, h5, h6{
     top:0;
     left:0;
 }
+.rlab{
+    padding-left:50px;
+}
diff --git a/mcquick/script.js b/mcquick/script.js
index 83c421d..afaa413 100644
--- a/mcquick/script.js
+++ b/mcquick/script.js
@@ -286,12 +286,12 @@ function display_question(q, i){
 	    +'</div>'
 	    +'<div class="panel-body">'
 	    +'<table class="table table-hover" id="q'+(i-1)+'">'
-	    +'<tr><td><input type="checkbox" name="q'+i+'" data-val="a"/> <strong>a.</strong> </td><td>'+esc(q.get_options()[0])+'</td></tr>'
-	    +'<tr><td><input type="checkbox" name="q'+i+'" data-val="b"/> <strong>b.</strong> </td><td>'+esc(q.get_options()[1])+'</td></tr>'
-	    +'<tr><td><input type="checkbox" name="q'+i+'" data-val="c"/> <strong>c.</strong> </td><td>'+esc(q.get_options()[2])+'</td></tr>'
-	    +'<tr><td><input type="checkbox" name="q'+i+'" data-val="d"/> <strong>d.</strong> </td><td>'+esc(q.get_options()[3])+'</td></tr>';
+	    +'<tr><td><label><input type="checkbox" name="q'+i+'" data-val="a"/> a. <span class="rlab">'+esc(q.get_options()[0])+'</span></label></td></tr>'
+	    +'<tr><td><label><input type="checkbox" name="q'+i+'" data-val="b"/> b. <span class="rlab">'+esc(q.get_options()[1])+'</span></label></td></tr>'
+	    +'<tr><td><label><input type="checkbox" name="q'+i+'" data-val="c"/> c. <span class="rlab">'+esc(q.get_options()[2])+'</span></label></td></tr>'
+	    +'<tr><td><label><input type="checkbox" name="q'+i+'" data-val="d"/> d. <span class="rlab">'+esc(q.get_options()[3])+'</span></label></td></tr>';
 	if(paper.get_options()==5){
-	    html=html+'<tr><td><input type="checkbox" name="q'+i+'" data-val="e"/> <strong>e.</strong> </td><td>'+esc(q.get_options()[4])+'</td></tr>';
+	    html=html+'<tr><td><label><input type="checkbox" name="q'+i+'" data-val="e"/> e. <span class="rlab">'+esc(q.get_options()[4])+'</span></label></td></tr>';
 	}
 	html=html+'</table>'
 	    +'</div>'
@@ -309,12 +309,12 @@ function display_question(q, i){
 	    +'</div>'
 	    +'<div class="panel-body">'
 	    +'<table class="table table-hover" id="q'+(i-1)+'">'
-	    +'<tr><td><input type="radio" name="q'+i+'" data-val="a"/> <strong>a.</strong> </td><td>'+esc(q.get_options()[0])+'</td></tr>'
-	    +'<tr><td><input type="radio" name="q'+i+'" data-val="b"/> <strong>b.</strong> </td><td>'+esc(q.get_options()[1])+'</td></tr>'
-	    +'<tr><td><input type="radio" name="q'+i+'" data-val="c"/> <strong>c.</strong> </td><td>'+esc(q.get_options()[2])+'</td></tr>'
-	    +'<tr><td><input type="radio" name="q'+i+'" data-val="d"/> <strong>d.</strong> </td><td>'+esc(q.get_options()[3])+'</td></tr>';
+	    +'<tr><td><label><input type="radio" name="q'+i+'" data-val="a"/> a. <span class="rlab">'+esc(q.get_options()[0])+'</span></label></td></tr>'
+	    +'<tr><td><label><input type="radio" name="q'+i+'" data-val="b"/> b. <span class="rlab">'+esc(q.get_options()[1])+'</span></label></td></tr>'
+	    +'<tr><td><label><input type="radio" name="q'+i+'" data-val="c"/> c. <span class="rlab">'+esc(q.get_options()[2])+'</span></label></td></tr>'
+	    +'<tr><td><label><input type="radio" name="q'+i+'" data-val="d"/> d. <span class="rlab">'+esc(q.get_options()[3])+'</span></label></td></tr>';
 	if(paper.get_options()==5){
-	    html=html+'<tr><td><input type="radio" name="q'+i+'" data-val="e"/> <strong>e.</strong> </td><td>'+esc(q.get_options()[4])+'</td></tr>';
+	    html=html+'<tr><td><label><input type="radio" name="q'+i+'" data-val="e"/> e. <span class="rlab">'+esc(q.get_options()[4])+'</span></label></td></tr>';
 	}
 	html=html+'</table>'
 	    +'</div>'
-- 
2.39.5