Hide preview pane on narrow screens. closes #3496

diff --git a/apps/workbench/app/views/application/_choose.html.erb b/apps/workbench/app/views/application/_choose.html.erb
index 3ef552c0edd5842dc448515a99ef98fc85e9aa2c..d8d2032826d5bbdb9f173000590eb8e3117c25f1 100644 (file)
--- a/apps/workbench/app/views/application/_choose.html.erb
+++ b/apps/workbench/app/views/application/_choose.html.erb
@@ -37,7 +37,7 @@
         <div style="height: 1em" />
 
         <% preview_pane = (params[:preview_pane].to_s != "false")
-           pane_col_class = preview_pane ? "col-sm-6" : "" %>
+           pane_col_class = preview_pane ? "col-sm-6" : "col-sm-12" %>
         <div class="row" style="height: 20em">
          <div class="<%= pane_col_class %> container arv-filterable-list selectable-container <%= 'multiple' if multiple %>"
               style="height: 100%; overflow-y: scroll"
@@ -48,7 +48,7 @@
            <%= render partial: 'choose_rows' %>
          </div>
           <% if preview_pane %>
-          <div class="col-sm-6 modal-dialog-preview-pane" style="height: 100%; overflow-y: scroll">
+          <div class="col-sm-6 visible-md visible-lg modal-dialog-preview-pane" style="height: 100%; overflow-y: scroll">
           </div>
           <% end %>
         </div>