Better spacing between the rule set controls and the input box

2 files changed, 15 insertions, 5 deletions

diff --git a/src/js/fiveui/css/options.css b/src/js/fiveui/css/options.css
index df5f766..f0ba264 100644
--- a/src/js/fiveui/css/options.css
+++ b/src/js/fiveui/css/options.css
@@ -170,8 +170,14 @@ li.entry button {
   font-size: 0.6em;
 }
 
+li.entry div.container {
+  float: left;
+  margin-right: 10px;
+}
+
 li.entry .editable {
   padding: 5px;
+  margin-left; 10px;
   border: 1px solid #CDCDCD;
 }
 
diff --git a/src/js/fiveui/js/options.js b/src/js/fiveui/js/options.js
index 79a82db..5a4e48d 100644
--- a/src/js/fiveui/js/options.js
+++ b/src/js/fiveui/js/options.js
@@ -313,9 +313,11 @@ fiveui.RuleSetEntry = Backbone.View.extend({
   },
 
   viewRsTemplate: _.template(
-    [ '<button class="remove">remove</button>'
-    , '<button class="edit">edit</button>'
-    , '<button class="reload">reload</button>'
+    [ '<div class="container">'
+    , '  <button class="remove">remove</button>'
+    , '  <button class="edit">edit</button>'
+    , '  <button class="reload">reload</button>'
+    , '</div>'
     , '<span class="title"><%= name %></span>'
     ].join('')),
 
@@ -339,8 +341,10 @@ fiveui.RuleSetEntry = Backbone.View.extend({
   },
 
   editTemplate: _.template(
-    [ '<button class="remove">x</button>'
-    , '<button class="save">save</button>'
+    [ '<div class="container">'
+    , '  <button class="remove">x</button>'
+    , '  <button class="save">save</button>'
+    , '</div>'
     , '<span class="source"><%= source %></span>'
     ].join('')),