Fix preview pane disappearing on narrow displays. closes #4918

diff --git a/apps/workbench/app/views/application/_choose.html.erb b/apps/workbench/app/views/application/_choose.html.erb
index 4e1503bde59738b90eb99b8b42f2d430a8987657..3233d8d0062d71f6aa97538b046bd53ab2db74e8 100644 (file)
--- a/apps/workbench/app/views/application/_choose.html.erb
+++ b/apps/workbench/app/views/application/_choose.html.erb
@@ -50,10 +50,9 @@
         </div>
         <div style="height: 1em" />
 
-        <% preview_pane = (params[:preview_pane].to_s != "false")
-           pane_col_class = preview_pane ? "col-md-6" : "col-md-12" %>
+        <% preview_pane = (params[:preview_pane].to_s != "false") %>
         <div class="row" style="height: 20em">
-          <div class="<%= pane_col_class %> arv-filterable-list selectable-container <%= 'multiple' if multiple %>"
+          <div class="<%= 'col-sm-6' if preview_pane %> col-xs-12 arv-filterable-list selectable-container <%= 'multiple' if multiple %>"
                style="height: 100%; overflow-y: scroll"
                data-infinite-scroller="#choose-scroll"
                id="choose-scroll"
@@ -69,7 +68,7 @@
                                                        use_preview_selection: use_preview_sel %>">
           </div>
           <% if preview_pane %>
-            <div class="col-md-6 hidden-xs hidden-sm modal-dialog-preview-pane" style="height: 100%; overflow-y: scroll">
+            <div class="col-sm-6 col-xs-12 modal-dialog-preview-pane" style="height: 100%; overflow-y: scroll">
             </div>
           <% end %>
         </div>