adjust styling of likert plugin

This commit is contained in:
Josh de Leeuw 2017-03-20 09:43:32 -04:00
parent cd44986fe0
commit 620260b9fe

View File

@ -46,9 +46,9 @@ jsPsych.plugins['survey-likert'] = (function() {
// inject CSS for trial
var node = display_element.innerHTML += '<style id="jspsych-survey-likert-css"></style>';
var cssstr = ".jspsych-survey-likert-statement { display:block; font-size: 18px; padding-top: 30px; margin-bottom:10px; }"+
var cssstr = ".jspsych-survey-likert-statement { display:block; font-size: 16px; padding-top: 40px; margin-bottom:10px; }"+
".jspsych-survey-likert-opts { list-style:none; width:100%; margin:0; padding:0 0 35px; display:block; font-size: 14px; line-height:1.1em; }"+
".jspsych-survey-likert-opt-label { line-height: 1.1em; }"+
".jspsych-survey-likert-opt-label { line-height: 1.1em; color: #444; }"+
".jspsych-survey-likert-opts:before { content: ''; position:relative; top:11px; /*left:9.5%;*/ display:block; background-color:#efefef; height:4px; width:100%; }"+
".jspsych-survey-likert-opts:last-of-type { border-bottom: 0; }"+
".jspsych-survey-likert-opts li { display:inline-block; /*width:19%;*/ text-align:center; vertical-align: top; }"+