Fixed click problem on narrow screens.

diff --git a/mcquick/index.php b/mcquick/index.php
index 67d6a6815152bad8149e66570e227310ef792562..92135ce44863cc3d15ef810b903ec7247aa07eb3 100644 (file)
--- 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 eec9a99ec688946b1638105bb0e6ae23db37f5a5..02bb306132e65df74dea98ee231ffbce22c02ec3 100755 (executable)
--- a/mcquick/res/custom.css
+++ b/mcquick/res/custom.css
@@ -44,3 +44,6 @@ h1, h2, h3, h4, h5, h6{
     top:0;\r
     left:0;\r
 }\r
+.rlab{\r
+    padding-left:50px;\r
+}\r

diff --git a/mcquick/script.js b/mcquick/script.js
index 83c421df7061870202d0924dc9caa66abc230392..afaa413b6c31fed30a39364a10263b2c81f27787 100644 (file)
--- 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>'