reworked templates based on purecss

1 files changed, 23 insertions, 30 deletions

diff --git a/templates/headers/_display_bot_nav.html.ep b/templates/headers/_display_bot_nav.html.ep
index ea1ce3c..9064d6e 100644
--- a/templates/headers/_display_bot_nav.html.ep
+++ b/templates/headers/_display_bot_nav.html.ep
@@ -1,33 +1,26 @@
-<table id=bot-nav width=100%>
-
-  <colgroup>
-    <col width=70% />
-    <col width=10% />
-    <col width=20% />
-  </colgroup>
-
-  <tr>
-    <td>
-      %= include '_pagination1';
-    </td>
-
-    <td>
-      <label for=allbox><%= l 'check_all' %></label>:
-      <input name=allbox type=checkbox onclick="check_all(this)">
-    </td>
-
-    <td>
-      %= form_for move => (id => 'move-mail') => begin
-        %= label_for 'select-folder' => l('move') . ' ' . l('to')
-        %= select_field folder => [grep {$_ ne $folder} @$mail_folders] => (id => 'select-folder')
-        %= csrf_field
-        %= submit_button l 'move'
-      % end
-
-    </td>
-  </tr>
-</table>
-
+<div class="pure-g jwm-nav">
+
+  <div class="pure-u-1-2 pure-u-md-1-4">
+    %= include 'headers/_pagination1'
+  </div>
+
+  <div class="pure-u-1-2 pure-u-md-1-4">
+    <label for=allbox><%= l 'check_all' %></label>
+    <input name=allbox type=checkbox onclick="check_all(this)">
+  </div>
+
+  <div class="pure-u-1-1 pure-u-md-1-2">
+    %= form_for move => (id => 'move-mail') => (class => 'pure-form') => begin
+      <fieldset>
+      %= label_for 'select-folder' => l('move') . ' ' . l('to')
+      %= select_field folder => [grep {$_ ne $folder} @$mail_folders] => (id => 'select-folder')
+      %= csrf_field
+      %= submit_button l('move') => (class => 'pure-button')
+      </fieldset>
+    % end
+  </div>
+
+</div>
 
 <script type="text/javascript">
 function check_all(box) {