From 7485be16f330c169026e18d65fda52fce408d024 Mon Sep 17 00:00:00 2001
From: Josh de Leeuw <josh.deleeuw@gmail.com>
Date: Tue, 12 Nov 2013 12:21:24 -0500
Subject: [PATCH] adding built in styles for slider labels in similarity plugin

---
 plugins/jspsych-similarity.js | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/plugins/jspsych-similarity.js b/plugins/jspsych-similarity.js
index 40c55241..bebf5fd5 100644
--- a/plugins/jspsych-similarity.js
+++ b/plugins/jspsych-similarity.js
@@ -120,12 +120,27 @@
                 // create labels for slider
                 display_element.append($('<div>', {
                     "id": 'slider_labels',
-                    "class": 'sim'
+                    "class": 'sim',
+                    css: {
+                        height: 3em
+                    }
                 }));
 
-                $('#slider_labels').append($('<p class="slider_left sim">' + trial.label_low + '</p>'));
-                $('#slider_labels').append($('<p class="slider_right sim">' + trial.label_high + '</p>'));
-
+                $('#slider_labels').append($('<p>',{
+                    'class': 'slider_left sim',
+                    html: trial.label_low,
+                    css: {
+                        float: left;
+                    }
+                }));
+                $('#slider_labels').append($('<p>',{
+                    'class': 'slider_right sim',
+                    html: trial.label_high,
+                    css: {
+                        float: right;
+                    }
+                }));
+                
                 //  create button
                 display_element.append($('<button>', {
                     'id': 'next',