styled the tabe Admin/ExportCardConfig

app/views/export_card_configurations/index.html.erb

@@ -32,30 +32,70 @@ See doc/COPYRIGHT.md for more details.
 
 <h2><%=l(:label_export_card_configuration_plural)%></h2>
 
-<table class="list">
+<div class="generic-table--container">
+  <div class="generic-table--results-container">
+    <table interactive-table role="grid" class="generic-table">
+      <colgroup>
+        <col highlight-col>
+        <col highlight-col>
+        <col highlight-col>
+        <col highlight-col>
+        <col highlight-col>
+        <col>
+      </colgroup>
       <thead>
         <tr>
           <th>
+            <div class="generic-table--sort-header-outer">
+                <div class="generic-table--sort-header">
+                  <span>
                     <%= Type.human_attribute_name(:name) %>
+                  </span>
+                </div>
+              </div>
           </th>
           <th>
+            <div class="generic-table--sort-header-outer">
+              <div class="generic-table--sort-header">
+                <span>
                   <%= l(:export_config_page_size) %>
+                </span>
+              </div>
+            </div>
           </th>
           <th>
+            <div class="generic-table--sort-header-outer">
+              <div class="generic-table--sort-header">
+                <span>
                   <%= l(:export_config_per_page) %>
+                </span>
+              </div>
+            </div>
           </th>
           <th>
+            <div class="generic-table--sort-header-outer">
+              <div class="generic-table--sort-header">
+                <span>
                   <%= l(:export_config_orientation) %>
+                </span>
+              </div>
+            </div>
           </th>
           <th>
+            <div class="generic-table--sort-header-outer">
+              <div class="generic-table--sort-header">
+                <span>
                   <%= Type.human_attribute_name(:active) %>
+                </span>
+              </div>
+            </div>
           </th>
           <th></th>
       </tr>
       </thead>
       <tbody>
-<% for config in @configs %>
-  <tr class="<%= cycle("odd", "even") %>">
+        <% for config in @configs %>
+          <tr>
             <td ><%= link_to config.name, edit_pdf_export_export_card_configuration_path(config) %></td>
             <td><%= config.page_size %></td>
             <td><%= config.per_page %></td>
@@ -82,6 +122,9 @@ See doc/COPYRIGHT.md for more details.
               <% end %>
             </td>
           </tr>
-<% end %>
+        <% end %>
       </tbody>
-</table>
+    </table>
+    <div class="generic-table--header-background"></div>
+  </div>
+</div>