some structure

templates/page1.html

@@ -1,7 +1,10 @@
 {% extends "base.html" %}
 
 {% block content %} 
-<div class="w-small w-2/3 mx-auto py-10 text-gray-600">
+
+<div class="panel-block">
+
+  <div class="w-small w-2/3 mx-auto py-10 text-gray-600">
     <input
         type="text"
         name="search"
@@ -13,11 +16,11 @@
         class="bg-white h-10 px-5 pr-10 rounded-full text-2xl focus:outline-none"
     >
     <span class="htmx-indicator">Searching...</span>
-</div>
-+dev 2
+  </div>
+  +dev 2
 
 
-<table class="border-collapse w-small w-2/3 mx-auto">
+  <table class="border-collapse w-small w-2/3 mx-auto">
     <thead>
       <tr>
         <th class="p-3 font-bold uppercase bg-gray-200 text-gray-600 border border-gray-300 hidden lg:table-cell">#</th>
@@ -28,5 +31,6 @@
     <tbody id="todo-results">
       {% include 'todo.html' %}
     </tbody>
-</table>
+  </table>
+</div>
 {% endblock content %}