more responsive file listing, scales for smaller screen sizes

1 files changed, 9 insertions, 6 deletions

diff --git a/module/web/templates/default/dashboard.html b/module/web/templates/default/dashboard.html
index 4312a4bd8..8cb5f8f68 100644
--- a/module/web/templates/default/dashboard.html
+++ b/module/web/templates/default/dashboard.html
@@ -65,27 +65,29 @@
     </script>

 

     <script type="text/template" id="template-file">

-        <div class="file-row first">

+        <div class="file-row first span6">

             <i class="checkbox"></i>&nbsp;

             <span class="name">

             <% name %>

             </span>

         </div>

         <%= if finished %>

-        <div class="file-row second finished">

+        <div class="file-row second finished span3">

             <% else %> <%= if failed %>

-            <div class="file-row second failed">

+            <div class="file-row second failed span3">

                 <% download.error %>

                 <% else %>

-                <div class="file-row second">

+                <div class="file-row second span3">

                     <%/if%><%/if%>

                     <% download.statusmsg %>

                 </div>

 

-                <div class="file-row third pull-right">

+                <div class="file-row third span3 pull-right">

                     {#  TODO: file type as icon  #}

+                    <i class="iconf-music"></i>&nbsp;

                     <% formatSize size %>

-                    <i class="iconf-music"></i>

+

+                    <span class="pull-right">

                     <img src="icons/<% download.plugin %>"/>

                     <% download.plugin %>&nbsp;

                     <i class="iconf-chevron-down" data-toggle="dropdown"></i>

@@ -102,6 +104,7 @@
                             </ul>

                         </li>

                     </ul>

+                    </span>

                 </div>

     </script>