chr 0.2.5 → 0.2.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: bc38de2cb0b82aa71968cd48127d83146daa2bfd
-  data.tar.gz: 9a373db5e5f9d4e1ce08ef020b8691b4b3c5d473
+  metadata.gz: 5a86d147a723188f151bcacca8c35a403bd6fcf3
+  data.tar.gz: f1be1f7997afb7976ecfbda0f1641b69e12e3ac2
 SHA512:
-  metadata.gz: b13c5bdb285b264cd540f236b6c55aa8c5671c66122798a5c1f840b8055d18c1a775d60c7fb9305c10cb3e8e06d20c616ae1fe6d296739c198418929bf1f06ca
-  data.tar.gz: 8223dd3c23d34d4da1cfbba9d22f7089e5ebe201a26ad6e58f6d08d482803c0613e794607f348a1e0ba7ef8dd587ce9e680bb6ce16ab1db72992f4920ea2dce3
+  metadata.gz: 2aec7e0a14af19ce53844ab6b58e615a26db8338a9bfbf7382869ce6f796383128b409625bd2fcc091e02b42a92a93f035902f7dfa8857d0c65eeb0e6aefc8be
+  data.tar.gz: 918c153a9f11d8e7add0fcd26fedf80cf701bc398c3f1c7c0367dbf7f0374b61a140ef24516cd73692ed117eaec20cfca4dd944ad8f5f8210fb9a4d3dfd16905

data/README.md

@@ -14,20 +14,19 @@ Application setup:
 postsConfig = (data) ->
   itemTitleField: 'title'
   arrayStore: new RestArrayStore({
-    resource: 'post'
     path:     '/admin/posts'
     sortBy:   'title'
   })
   formSchema:
-    title { type: 'string' }
-    body: { type: 'text' }
+    title: { type: 'string' }
+    body:  { type: 'text'   }
 
 $ ->
   config =
     modules:
       posts: postsConfig()
 
-    chr.start(config)
+  chr.start(config)
 ```
 
 Styles setup:

data/app/assets/javascripts/chr/core/list.coffee

@@ -80,14 +80,6 @@ class @List
       @$newBtn.on 'click', (e) => @_new(e)
       @$header.append @$newBtn
 
-    # search
-    @$search =$ """<div class='search' style='display: none;'>
-                     <a href='#' class='icon'></a>
-                     <input type='text' placeholder='Search...' />
-                     <a href='#' class='cancel'>Cancel</a>
-                   </div>"""
-    @$header.append @$search
-
     if @config.items       then @_process_config_items()
     if @config.arrayStore  then @_bind_config_array_store()
     if @config.objectStore then @_bind_config_object_store()

data/app/assets/javascripts/chr/core/list_config.coffee

@@ -52,10 +52,10 @@
       @_bind_pagination()
 
     if @config.arrayStore.searchable
-      @_bind_search(this)
+      @_bind_search()
 
     if @config.arrayStore.reorderable
-      @_bind_reorder(this)
+      @_bind_reorder()
 
 
   _bind_config_object_store: ->

data/app/assets/javascripts/chr/core/list_pagination.coffee

@@ -1,26 +1,34 @@
 # -----------------------------------------------------------------------------
 # LIST PAGINATION
-# todo:
-#  - trigger onScroll event only when scrolling down
 # -----------------------------------------------------------------------------
 
 @listPagination =
+
   # PRIVATE ===============================================
 
   _bind_pagination: ->
-    arrayStore = @config.arrayStore
+    @lastScrollTop = 0
+
     @$items.scroll (e) =>
-      if ! arrayStore.dataFetchLock
-        # TODO: update this logic as it's not reliable when items has different height
-        $listChildren        = @$items.children()
-        listChildrenCount    = $listChildren.length
-        listFirstChildHeight = $listChildren.first().outerHeight()
-        listHeight           = listChildrenCount * listFirstChildHeight
-        viewHeight           = @$el.height()
-
-        if listHeight < (viewHeight + e.target.scrollTop + 100)
-          @_show_spinner()
-          arrayStore.load()
+      # trigger next page loading only when scrolling to bottom
+      if @lastScrollTop < e.target.scrollTop
+        @lastScrollTop = e.target.scrollTop
+
+        if ! @config.arrayStore.dataFetchLock
+
+          if @listItemsHeight < (@listViewHeight + e.target.scrollTop + 100)
+            @_show_spinner()
+            @config.arrayStore.load
+              onSuccess: => @_update_height_params()
+              onError:   => chr.showAlert("Can't load next page, server error 500.")
+
+    @_update_height_params()
+
+
+  _update_height_params: ->
+    @listViewHeight  = @$el.height()
+    @listItemsHeight = 0
+    @$items.children().each (i, el) => @listItemsHeight += $(el).height()
 
 
 

data/app/assets/javascripts/chr/core/list_reorder.coffee

@@ -8,12 +8,13 @@
 # -----------------------------------------------------------------------------
 
 @listReorder =
+
   # PRIVATE ===============================================
 
-  _bind_reorder: (listEl) ->
-    items      = listEl.items
-    list       = listEl.$items.get(0)
-    arrayStore = listEl.config.arrayStore
+  _bind_reorder: ->
+    items      = @items
+    list       = @$items.get(0)
+    arrayStore = @config.arrayStore
 
     config = arrayStore.reorderable
 

data/app/assets/javascripts/chr/core/list_search.coffee

@@ -3,38 +3,51 @@
 # -----------------------------------------------------------------------------
 
 @listSearch =
+
   # PRIVATE ===============================================
 
-  _bind_search: (listEl) ->
-    $input     = listEl.$search
-    arrayStore = listEl.config.arrayStore
+  _bind_search: ->
+    @$search       =$ "<div class='search'></div>"
+    @$searchIcon   =$ "<a href='#' class='icon'></a>"
+    @$searchInput  =$ "<input type='text' placeholder='Search...' />"
+    @$searchCancel =$ "<a href='#' class='cancel'>Cancel</a>"
 
-    search = (input) ->
-      query = $(input).val()
-      listEl._show_spinner()
-      arrayStore.search(query)
+    @$header.append(@$search)
+    @$search.append(@$searchIcon)
+    @$search.append(@$searchInput)
+    @$search.append(@$searchCancel)
 
-    show = ->
-      listEl.$el.addClass 'list-search'
-      $input.find('input').focus()
+    @$searchInput.on 'keyup', (e) =>
+      if e.keyCode == 27 # esc
+        return @_on_search_cancel()
 
-    cancel = ->
-      listEl.$el.removeClass 'list-search'
-      $input.find('input').val('')
-      listEl._show_spinner()
-      arrayStore.reset()
+      if e.keyCode == 13 # enter
+        return @_on_search()
 
-    $input.show()
+    @$searchIcon.on   'click', (e) => e.preventDefault() ; @_on_search_show()
+    @$searchCancel.on 'click', (e) => e.preventDefault() ; @_on_search_cancel()
 
-    $input.on 'keyup', 'input', (e) =>
-      if e.keyCode == 27 # esc
-        return cancel()
 
-      if e.keyCode == 13 # enter
-        return search(e.target)
+  # EVENTS ================================================
+
+  _on_search: ->
+    query = @$searchInput.val()
+    @_show_spinner()
+    @config.arrayStore.search(query)
+
+
+  _on_search_show: ->
+    @$el.addClass('list-search')
+    @$searchInput.focus()
+    @$search.show()
+
 
-    $input.on 'click', '.icon',   (e) => e.preventDefault() ; show()
-    $input.on 'click', '.cancel', (e) => e.preventDefault() ; cancel()
+  _on_search_cancel: ->
+    @$el.removeClass('list-search')
+    @$searchInput.val('')
+    @_show_spinner()
+    # use reset(false) to do not sync with the existing list items
+    @config.arrayStore.reset(false)
 
 
 

data/app/assets/javascripts/chr/store/_array-store.coffee

@@ -45,6 +45,8 @@ class @ArrayStore
     @_initialize_database()
 
 
+  # PRIVATE ===============================================
+
   # when store is reorderable update sorting configuration
   _initialize_reorderable: ->
     if @reorderable
@@ -163,6 +165,8 @@ class @ArrayStore
     return object
 
 
+  # PUBLIC ================================================
+
   # subsribe to store event
   on: (eventType, callback) ->
     $(this).on eventType, (e, data) -> callback(e, data)

data/app/assets/javascripts/chr/store/_object-store.coffee

@@ -13,12 +13,18 @@ class @ObjectStore
   constructor: (@config={}) ->
     @_initialize_database()
 
+  # PRIVATE ===============================================
+
   _initialize_database: ->
     @_data = @config.data
 
+
+  # PUBLIC ================================================
+
   loadObject: ->
     @_data
 
+
   update: (id, value, callback) ->
     $.extend(@_data, value)
     callback?(@_data)

data/app/assets/javascripts/chr/store/mongosteen-array-store.coffee

@@ -26,7 +26,9 @@
 #
 # -----------------------------------------------------------------------------
 class @MongosteenArrayStore extends RestArrayStore
-  # initial store configuration
+
+  # PRIVATE ===============================================
+
   _initialize_database: ->
     @dataFetchLock  = false
     @ajaxConfig =
@@ -41,6 +43,7 @@ class @MongosteenArrayStore extends RestArrayStore
     @objectsPerPage = chr.itemsPerPageRequest ? 20
 
     if @pagination
+      @lastPageLoaded = false
       @_bind_pagination_sync()
 
 
@@ -49,8 +52,6 @@ class @MongosteenArrayStore extends RestArrayStore
   # database while loading next page
   # ---------------------------------------------------------
   _bind_pagination_sync: ->
-    @lastPageLoaded = false
-
     # when object's added to the end of the list & not on the last page,
     # we don't know it's position on the backend, so remove it from store
     $(this).on 'object_added', (e, data) =>
@@ -87,7 +88,7 @@ class @MongosteenArrayStore extends RestArrayStore
     @nextPage -= 1 ; @load()
 
 
-  _udpate_next_page: (data) ->
+  _update_next_page: (data) ->
     if @pagination
       if data.length > 0
         @lastPageLoaded = true
@@ -140,9 +141,13 @@ class @MongosteenArrayStore extends RestArrayStore
     return formDataObject
 
 
-  # load results for search query
+  # PUBLIC ================================================
+
+  # load first page of results for search query, skip store 'object_removed'
+  # event handler on @_reset_data()
   search: (@searchQuery) ->
-    @nextPage = 1
+    @nextPage       = 1
+    @lastPageLoaded = true
     @_reset_data()
     @load()
 
@@ -165,7 +170,7 @@ class @MongosteenArrayStore extends RestArrayStore
     params = $.param(params)
 
     @_ajax 'GET', null, params, ((data) =>
-      @_udpate_next_page(data)
+      @_update_next_page(data)
       @_add_data_object(o) for o in data
 
       callbacks.onSuccess(data)
@@ -174,12 +179,18 @@ class @MongosteenArrayStore extends RestArrayStore
     ), callbacks.onError
 
 
-  # reset data and load first page
-  reset: ->
+  # reset data and load first page, by default this sync with
+  # objects that are currently in the _data, if you want to reset
+  # these use `reset(false)`
+  reset: (sync_with_existing_objects=true)->
     @searchQuery = ''
     @nextPage    = 1
     params       = {}
 
+    if ! sync_with_existing_objects
+      @lastPageLoaded = true
+      @_reset_data()
+
     if @pagination
       @lastPageLoaded = false
       params.page     = @nextPage
@@ -188,7 +199,7 @@ class @MongosteenArrayStore extends RestArrayStore
     params = $.param(params)
 
     @_ajax 'GET', null, params, ((data) =>
-      @_udpate_next_page(data)
+      @_update_next_page(data)
       @_sync_with_data_objects(data)
 
       $(this).trigger('objects_added', { objects: data })

data/app/assets/javascripts/chr/store/mongosteen-object-store.coffee

@@ -10,7 +10,9 @@
 # MONGOSTEEN (RAILS) OBJECT STORE IMPLEMENTATION
 # -----------------------------------------------------------------------------
 class @MongosteenObjectStore extends RestObjectStore
-  # initial store configuration
+
+  # PRIVATE ===============================================
+
   _initialize_database: ->
     @dataFetchLock = false
     @ajaxConfig =

data/app/assets/javascripts/chr/store/rest-array-store.coffee

@@ -10,7 +10,9 @@
 # REST ARRAY STORE
 # -----------------------------------------------------------------------------
 class @RestArrayStore extends ArrayStore
-  # initial store configuration
+
+  # PRIVATE ===============================================
+
   _initialize_database: ->
     @dataFetchLock = false
     @ajaxConfig = {}
@@ -65,6 +67,8 @@ class @RestArrayStore extends ArrayStore
       @_update_data_object(id, objectsMap[id])
 
 
+  # PUBLIC ================================================
+
   # load a single object, this is used in view when
   # store has not required item
   loadObject: (id, callbacks={}) ->

data/app/assets/javascripts/chr/store/rest-object-store.coffee

@@ -10,6 +10,9 @@
 # REST OBJECT STORE
 # -----------------------------------------------------------------------------
 class @RestObjectStore extends ObjectStore
+
+  # PRIVATE ===============================================
+
   _initialize_database: ->
     @dataFetchLock = false
     @ajaxConfig = {}
@@ -51,6 +54,8 @@ class @RestObjectStore extends ObjectStore
     $.ajax options
 
 
+  # PUBLIC ================================================
+
   # load a single object, this is used in view when
   # store has not required item
   loadObject: (callbacks={}) ->

data/app/assets/javascripts/input-redactor.coffee

@@ -30,7 +30,7 @@ class @InputRedactor extends InputString
 
   initialize: ->
     plugins = [ 'fixedtoolbar' ]
-    if Loft then plugins.push('loft')
+    if Loft? then plugins.push('loft')
 
     redactor_options =
       focus:            false

data/bower.json

@@ -1,6 +1,6 @@
 {
   "name": "chr",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "homepage": "https://github.com/slate-studio/chr",
   "authors": [
     "Slate Studio (http://www.slatestudio.com)"

data/dist/chr.js

@@ -3085,10 +3085,10 @@ this.listConfig = {
       this._bind_pagination();
     }
     if (this.config.arrayStore.searchable) {
-      this._bind_search(this);
+      this._bind_search();
     }
     if (this.config.arrayStore.reorderable) {
-      return this._bind_reorder(this);
+      return this._bind_reorder();
     }
   },
   _bind_config_object_store: function() {}
@@ -3096,33 +3096,46 @@ this.listConfig = {
 
 this.listPagination = {
   _bind_pagination: function() {
-    var arrayStore;
-    arrayStore = this.config.arrayStore;
-    return this.$items.scroll((function(_this) {
+    this.lastScrollTop = 0;
+    this.$items.scroll((function(_this) {
       return function(e) {
-        var $listChildren, listChildrenCount, listFirstChildHeight, listHeight, viewHeight;
-        if (!arrayStore.dataFetchLock) {
-          $listChildren = _this.$items.children();
-          listChildrenCount = $listChildren.length;
-          listFirstChildHeight = $listChildren.first().outerHeight();
-          listHeight = listChildrenCount * listFirstChildHeight;
-          viewHeight = _this.$el.height();
-          if (listHeight < (viewHeight + e.target.scrollTop + 100)) {
-            _this._show_spinner();
-            return arrayStore.load();
+        if (_this.lastScrollTop < e.target.scrollTop) {
+          _this.lastScrollTop = e.target.scrollTop;
+          if (!_this.config.arrayStore.dataFetchLock) {
+            if (_this.listItemsHeight < (_this.listViewHeight + e.target.scrollTop + 100)) {
+              _this._show_spinner();
+              return _this.config.arrayStore.load({
+                onSuccess: function() {
+                  return _this._update_height_params();
+                },
+                onError: function() {
+                  return chr.showAlert("Can't load next page, server error 500.");
+                }
+              });
+            }
           }
         }
       };
     })(this));
+    return this._update_height_params();
+  },
+  _update_height_params: function() {
+    this.listViewHeight = this.$el.height();
+    this.listItemsHeight = 0;
+    return this.$items.children().each((function(_this) {
+      return function(i, el) {
+        return _this.listItemsHeight += $(el).height();
+      };
+    })(this));
   }
 };
 
 this.listReorder = {
-  _bind_reorder: function(listEl) {
+  _bind_reorder: function() {
     var _getObjectNewPosition, arrayStore, config, items, list;
-    items = listEl.items;
-    list = listEl.$items.get(0);
-    arrayStore = listEl.config.arrayStore;
+    items = this.items;
+    list = this.$items.get(0);
+    arrayStore = this.config.arrayStore;
     config = arrayStore.reorderable;
     _getObjectNewPosition = function(el) {
       var $el, newPosition, nextObjectId, nextObjectPosition, prevObjectId, prevObjectPosition;
@@ -3178,49 +3191,54 @@ this.listReorder = {
 };
 
 this.listSearch = {
-  _bind_search: function(listEl) {
-    var $input, arrayStore, cancel, search, show;
-    $input = listEl.$search;
-    arrayStore = listEl.config.arrayStore;
-    search = function(input) {
-      var query;
-      query = $(input).val();
-      listEl._show_spinner();
-      return arrayStore.search(query);
-    };
-    show = function() {
-      listEl.$el.addClass('list-search');
-      return $input.find('input').focus();
-    };
-    cancel = function() {
-      listEl.$el.removeClass('list-search');
-      $input.find('input').val('');
-      listEl._show_spinner();
-      return arrayStore.reset();
-    };
-    $input.show();
-    $input.on('keyup', 'input', (function(_this) {
+  _bind_search: function() {
+    this.$search = $("<div class='search'></div>");
+    this.$searchIcon = $("<a href='#' class='icon'></a>");
+    this.$searchInput = $("<input type='text' placeholder='Search...' />");
+    this.$searchCancel = $("<a href='#' class='cancel'>Cancel</a>");
+    this.$header.append(this.$search);
+    this.$search.append(this.$searchIcon);
+    this.$search.append(this.$searchInput);
+    this.$search.append(this.$searchCancel);
+    this.$searchInput.on('keyup', (function(_this) {
       return function(e) {
         if (e.keyCode === 27) {
-          return cancel();
+          return _this._on_search_cancel();
         }
         if (e.keyCode === 13) {
-          return search(e.target);
+          return _this._on_search();
         }
       };
     })(this));
-    $input.on('click', '.icon', (function(_this) {
+    this.$searchIcon.on('click', (function(_this) {
       return function(e) {
         e.preventDefault();
-        return show();
+        return _this._on_search_show();
       };
     })(this));
-    return $input.on('click', '.cancel', (function(_this) {
+    return this.$searchCancel.on('click', (function(_this) {
       return function(e) {
         e.preventDefault();
-        return cancel();
+        return _this._on_search_cancel();
       };
     })(this));
+  },
+  _on_search: function() {
+    var query;
+    query = this.$searchInput.val();
+    this._show_spinner();
+    return this.config.arrayStore.search(query);
+  },
+  _on_search_show: function() {
+    this.$el.addClass('list-search');
+    this.$searchInput.focus();
+    return this.$search.show();
+  },
+  _on_search_cancel: function() {
+    this.$el.removeClass('list-search');
+    this.$searchInput.val('');
+    this._show_spinner();
+    return this.config.arrayStore.reset(false);
   }
 };
 
@@ -3276,8 +3294,6 @@ this.List = (function() {
       })(this));
       this.$header.append(this.$newBtn);
     }
-    this.$search = $("<div class='search' style='display: none;'>\n  <a href='#' class='icon'></a>\n  <input type='text' placeholder='Search...' />\n  <a href='#' class='cancel'>Cancel</a>\n</div>");
-    this.$header.append(this.$search);
     if (this.config.items) {
       this._process_config_items();
     }
@@ -5505,12 +5521,12 @@ this.MongosteenArrayStore = (function(superClass) {
     this.nextPage = 1;
     this.objectsPerPage = (ref2 = chr.itemsPerPageRequest) != null ? ref2 : 20;
     if (this.pagination) {
+      this.lastPageLoaded = false;
       return this._bind_pagination_sync();
     }
   };
 
   MongosteenArrayStore.prototype._bind_pagination_sync = function() {
-    this.lastPageLoaded = false;
     $(this).on('object_added', (function(_this) {
       return function(e, data) {
         var new_object, new_object_position;
@@ -5551,7 +5567,7 @@ this.MongosteenArrayStore = (function(superClass) {
     return this.load();
   };
 
-  MongosteenArrayStore.prototype._udpate_next_page = function(data) {
+  MongosteenArrayStore.prototype._update_next_page = function(data) {
     if (this.pagination) {
       if (data.length > 0) {
         this.lastPageLoaded = true;
@@ -5602,6 +5618,7 @@ this.MongosteenArrayStore = (function(superClass) {
   MongosteenArrayStore.prototype.search = function(searchQuery) {
     this.searchQuery = searchQuery;
     this.nextPage = 1;
+    this.lastPageLoaded = true;
     this._reset_data();
     return this.load();
   };
@@ -5629,7 +5646,7 @@ this.MongosteenArrayStore = (function(superClass) {
     return this._ajax('GET', null, params, ((function(_this) {
       return function(data) {
         var i, len, o;
-        _this._udpate_next_page(data);
+        _this._update_next_page(data);
         for (i = 0, len = data.length; i < len; i++) {
           o = data[i];
           _this._add_data_object(o);
@@ -5642,11 +5659,18 @@ this.MongosteenArrayStore = (function(superClass) {
     })(this)), callbacks.onError);
   };
 
-  MongosteenArrayStore.prototype.reset = function() {
+  MongosteenArrayStore.prototype.reset = function(sync_with_existing_objects) {
     var params;
+    if (sync_with_existing_objects == null) {
+      sync_with_existing_objects = true;
+    }
     this.searchQuery = '';
     this.nextPage = 1;
     params = {};
+    if (!sync_with_existing_objects) {
+      this.lastPageLoaded = true;
+      this._reset_data();
+    }
     if (this.pagination) {
       this.lastPageLoaded = false;
       params.page = this.nextPage;
@@ -5655,7 +5679,7 @@ this.MongosteenArrayStore = (function(superClass) {
     params = $.param(params);
     return this._ajax('GET', null, params, ((function(_this) {
       return function(data) {
-        _this._udpate_next_page(data);
+        _this._update_next_page(data);
         _this._sync_with_data_objects(data);
         return $(_this).trigger('objects_added', {
           objects: data

data/dist/input-redactor.js

@@ -125,7 +125,7 @@ this.InputRedactor = (function(superClass) {
   InputRedactor.prototype.initialize = function() {
     var base, base1, plugins, redactor_options;
     plugins = ['fixedtoolbar'];
-    if (Loft) {
+    if (typeof Loft !== "undefined" && Loft !== null) {
       plugins.push('loft');
     }
     redactor_options = {

data/docs/rails.md

@@ -102,8 +102,7 @@ Admin app layout ```app/views/layouts/admin.html.erb```:
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
     <title>Admin</title>
     <%= csrf_meta_tags %>
-    <%= stylesheet_link_tag    :admin, media: "all" %>
-    <%= javascript_include_tag :admin %>
+    <%= stylesheet_link_tag :admin, media: "all" %>
   </head>
 
   <%= yield %>
@@ -116,6 +115,7 @@ Admin index view ```app/views/admin/index.html.erb```:
 <body class='loading'>
   <%= link_to 'Sign Out', destroy_admin_session_path, method: :delete, style: 'display:none;' %>
 </body>
+<%= javascript_include_tag :admin %>
 ```
 
 New session view for devise ```app/views/admin/devise_overrides/sessions/new.html.erb```:
@@ -191,50 +191,28 @@ Last import in the code above is optional. But here is a default source for it a
 
 ```scss
 .sign-in {
-  font-size: 14px;
-  color: #555;
-  margin: 3em 0 0 3em;
-
-  h2 {
-    text-transform: uppercase;
-    font-size: 1em;
-    font-size: 16px;
-    color: $black;
-    margin-bottom: 1.5em;
-  }
+  margin: 2em; max-width: 18em;
 
-  p {
-    margin: -1.5em 0 2em;
-    color: $positiveColor;
-  }
+  h2 { text-transform: uppercase; color: $black; }
+  input { @include noFocus(); }
+  label { color: $black; }
+  .input { margin-bottom: .75em; }
 
-  .form-actions, .form-inputs {
-    max-width: 280px;
-  }
+  .input input[type=checkbox] { margin-right: .5em; }
 
-  .input {
-    margin-bottom: 1.5em;
+  .input input.email, .input input.password {
+    float: right; margin: -2px 0 0; width: 12em;
+    border: 0; border-bottom: 1px solid $contrastColor;
   }
 
-  input.string, input.password {
-    float: right;
-    margin-top: -.45em;
-    padding: .25em .5em;
-    width: 13.5em;
-  }
-
-  label.boolean input {
-    margin-right: .25em;
-  }
+  .input.boolean { margin-top: 1.25em; }
 
   .form-actions input {
-    width: 100%;
-    padding: 1em 2em;
-    background-color: $positiveColor;
-    border: 0;
-    color: $white;
+    width: 100%; padding: 1em 2em; margin-top: .75em;
+    color: $white; background-color: $positiveColor; border: 0;
   }
 }
+
 ```
 
 **Third**: make sure admin assets are precompiled on production, include ```admin.js``` and ```admin.css``` in ```config/initializers/assets.rb```:

data/lib/chr/version.rb

@@ -1,3 +1,3 @@
 module Chr
-  VERSION = "0.2.5"
+  VERSION = "0.2.7"
 end

data/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chr",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "devDependencies": {
     "grunt": "^0.4.5",
     "grunt-contrib-clean":  "^0.6.0",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: chr
 version: !ruby/object:Gem::Version
-  version: 0.2.5
+  version: 0.2.7
 platform: ruby
 authors:
 - Alexander Kravets
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-04-05 00:00:00.000000000 Z
+date: 2015-04-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bourbon