fix split editor

app/assets/javascripts/modules/mod-form-resizes.js.coffee

@@ -15,7 +15,7 @@ $.extend
 
     $window = $(window)
     editor_height = 0
-    settings.$preview.css('overflow-y', 'scroll')
+    settings.$preview.css('overflow', 'scroll')
 
     # Set editor & preview height
     adjustHeight = ->

app/views/posts/_form.html.slim

@@ -30,9 +30,9 @@
         p.actions
           = f.date_select :specified_date
 
-    table
-      tr
-        td.editor-panel
+    .row
+
+      .col-xs-6.editor-panel
         .panel.panel-default
           .panel-heading
             .btn-toolbar role="toolbar"
@@ -73,7 +73,7 @@
                   .progress-bar.progress-bar-success.progress-bar-striped.active role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"
                     | 0%
 
-        td.preview-panel
+      .col-xs-6.preview-panel
         .panel.preview-wrapper
           .panel-heading
             span Preview
@@ -91,12 +91,12 @@ input#fileupload data-url="/apis/file_receiver" multiple="" name="files[]" style
     $('.mode-editor button').on('click', function(){
       $('.mode-editor').hide();
       $('.mode-split').show();
-      $('.editor-panel').css('width', '100%'); $('.editor-panel').show(); $('.preview-panel').hide();
+      $('.editor-panel').addClass('col-xs-12').removeClass('col-xs-6'); $('.preview-panel').hide();
     })
     $('.mode-split button').on('click', function(){
       $('.mode-split').hide();
       $('.mode-editor').show();
-      $('.editor-panel').css('width', '50%'); $('.preview-panel').css('width', '50%'); $('.editor-panel').show(); $('.preview-panel').show();
+      $('.editor-panel').addClass('col-xs-6').removeClass('col-xs-12'); $('.preview-panel').show();
     })
 
     $('#post-form').mod_mdEditor({end_point: '/apis/markdown_preview'});