visual improvements, grids

[lsl.git] / views / index.tt

diff --git a/views/index.tt b/views/index.tt
index 9e5d4406dba25faca21c15e57f5e67459d90f487..8e1357568279966fe885f3fdc3283e43cf4951da 100644 (file)
--- a/views/index.tt
+++ b/views/index.tt
@@ -2,31 +2,9 @@
   <p>Loading…</p>
 </div>
 <div id="page" class="loading-lists" lsl-uri-base="<% request.uri_base %>" lsl-environment="<% settings.environment %>" >
-  <div id="sidebar">
-    <ul id="sidebar-items">
-      <li id="lists-sidebar-item">
-        <h3>Shopping lists</h3>
-        <ul id="lists">
-        </ul>
-      </li>
-
-      <li id="no-lists-sidebar-item" class="have-no-lists">
-        <h3>No shopping lists</h3>
-      </li>
-
-      <li id="new-list-sidebar-item">
-        <h3>New shopping list</h3>
-        <div class="input-with-button">
-          <input name="list_name" size="20" maxlength="60" />
-          <button class="ui-icon-plusthick"></button>
-        </div>
-      </li>
-    </ul>
-  </div>
-
   <div id="content">
     <div id="header">
-      <h1 id="selected-list-name" class="have-lists"></h1>
+      <h1 id="selected-list-name" class="needs-lists"></h1>
       <div class="have-no-lists">
         <div class="table-2-col">
           <h1>First create a shopping list</h1><div class="arrow">→</div>
@@ -46,5 +24,27 @@
       </div>
     </div>
   </div>
+
+  <div id="sidebar">
+    <ul id="sidebar-items">
+      <li id="lists-sidebar-item">
+        <h3>Shopping lists</h3>
+        <ul id="lists">
+        </ul>
+      </li>
+
+      <li id="no-lists-sidebar-item" class="have-no-lists">
+        <h3>No shopping lists</h3>
+      </li>
+
+      <li id="new-list-sidebar-item">
+        <h5>New shopping list</h5>
+        <div class="input-with-button">
+          <input name="list_name" size="10" maxlength="60" />
+          <button class="ui-icon-plusthick"></button>
+        </div>
+      </li>
+    </ul>
+  </div>
 </div>
 <!-- vim: set ft=html sw=2 :-->