shorten name and improve bulk edit tile layout

pulibrary · Dec 18, 2015 · 516e85d · 516e85d
1 parent 8f7f6af
commit 516e85d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/app/assets/stylesheets/components/bulk_label.scss b/app/assets/stylesheets/components/bulk_label.scss
@@ -31,11 +31,14 @@
         @extend .col-xs-12;
       }
       .order-title {
-        width: 100%;
+        width: 85%;
       }
       .order-filename {
         width: 100%;
       }
+      .file-set-link {
+        padding-right: 15px;
+      }
     }
     li {
       @extend .col-xs-12;

diff --git a/app/views/curation_concerns/scanned_resources/_bulk_edit_member.html.erb b/app/views/curation_concerns/scanned_resources/_bulk_edit_member.html.erb
@@ -5,14 +5,14 @@
         <div class="order-title">
           <%= f.input :title, as: :string, input_html: { name: "file_set[title][]" }, value: node.to_s, label: false %>
         </div>
-        <div class="order-filename">
-          <em>(<%= node.file_label %>)</em>
-        </div>
-        <div class="file-set-link">
+        <div class="file-set-link pull-right">
           <%= link_to polymorphic_path([main_app, node]), title: "Edit file" do %>
             <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
           <% end %>
         </div>
+        <div class="order-filename">
+          <em title="<%= node.file_label %>">(<%= truncate(node.file_label, length: 29) %>)</em>
+        </div>
       </div>
       <div class="panel-body">
         <div class="text-center thumbnail">