Better layout

FroMage · Sep 8, 2023 · 4a23e04 · 4a23e04
1 parent 908f918
commit 4a23e04
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/main/resources/templates/Todos/index.html b/src/main/resources/templates/Todos/index.html
@@ -21,15 +21,15 @@
         {/if}
       </td>
       <td>
-      {#form uri:Todos.done(todo.id) klass="inline"}
+      {#form uri:Todos.done(todo.id) class="inline"}
         {#if todo.done}
-          <button type="submit" class="btn btn-warning"><i class="bi-arrow-counterclockwise"></i> Mark Undone</button>
+          <button type="submit" class="btn btn-warning" title="Mark as undone"><i class="bi-arrow-counterclockwise"></i></button>
         {#else}
-          <button type="submit" class="btn btn-success"><i class="bi-check"></i> Mark Done</button>
+          <button type="submit" class="btn btn-success" title="Mark as done"><i class="bi-check"></i></button>
         {/if}
       {/form}
-      {#form uri:Todos.delete(todo.id) klass="inline"}
-        <button type="submit" class="btn btn-danger"><i class="bi-trash"></i> Delete</button>
+      {#form uri:Todos.delete(todo.id) class="inline"}
+        <button type="submit" class="btn btn-danger" title="Delete"><i class="bi-trash"></i></button>
       {/form}
       </td>
     </tr>
@@ -38,7 +38,7 @@
       <th scope="row">New</th>
       <td>
       {#form uri:Todos.add()}
-        {#input name="task" placeholder="Type task and press ENTER"/}
+        {#input name="task" placeholder="Type task and press ENTER" autofocus=true/}
       {/form}
       </td>
       <td></td>

diff --git a/src/main/resources/templates/tags/input.html b/src/main/resources/templates/tags/input.html
@@ -1,6 +1,7 @@
 <input name="{name}" 
  type="{type ?: 'text'}"
  {#if placeholder??}placeholder="{placeholder}"{/if}
+ {#if autofocus??}autofocus{/if}
  {#if id??}id="{id}"{/if}
  class="form-control {#ifError name}is-invalid{/ifError}"
  maxlength="{VARCHAR_SIZE}"