   recordForm: ->
     $ = React.DOM
 
-    $.tr null,
-      $.td null,
+    $.tr
+      className: "edit"
+      $.td
+        className: "col-md-2"
         $.input
           className: 'form-control'
           type: 'text'
           defaultValue: @props.record.name
           ref: 'name'
-      $.td null,
+      $.td
+        className: "col-md-1"
         $.input
           className: 'form-control'
           type: 'number'

          ref: 'quantity'   # For referencing DOM
          name: 'quantity'  # For referencing event
          onChange: @handleChangeVolume
      $.td null, @calculateSubtotal()
      $.td null,
        $.input
          className: 'form-control'
          type: 'text'
          defaultValue: @props.record.room
          ref: 'room'
      $.td null,
        $.input
          className: 'form-control'
          type: 'text'
          defaultValue: @props.record.category
          ref: 'category'
      $.td null,
        $.input
          className: 'form-control'
          type: 'text'
          defaultValue: @props.record.description
          ref: 'description'
      $.td null,
        $.button
          className: 'btn btn-success btn-sm btn-block'
          onClick: @handleEdit
          $.div
            className: 'fa fa-database'
            'Update'
        $.button
          className: 'btn btn-default btn-sm btn-block'
          onClick: @handleToggle
          $.div
            className: 'fa fa-undo'


  render: ->
    if @state.edit

          ref: 'volume'   # For referencing DOM
          name: 'volume'  # For referencing event
          onChange: @handleChangeVolume
      $.td
        className: "col-md-1"
        $.input
          className: 'form-control'
          type: 'number'
