Improved the style a little

assets/css/main.css

@@ -12,10 +12,9 @@ body {
   font-family: atkinson, sans-serif;
   line-height: 1.5;
   margin-inline: auto;
-  padding-inline: 20px;
-  max-width: 600px;
+  max-width: 400px;
   width: auto;
-  font-size: 1.2rem;
+  font-size: 1.1rem;
 }
 
 h1 {
@@ -44,7 +43,7 @@ table {
   margin-inline: auto;
   border-collapse: collapse;
   table-layout: fixed;
-  width: 400px;
+  width: 100%;
 }
 
 table thead {
@@ -52,7 +51,7 @@ table thead {
 }
 
 table thead th:nth-child(1) {
-  width: 80px;
+  width: 3em;
 }
 
 table tbody td {

assets/js/main.js

@@ -39,4 +39,6 @@ filter.addEventListener("keyup", (ev) => {
     lastFilterValue = filter.value;
     
     applyFilter(filter.value);
-})
+})
+
+fitler.focus();

layouts/_default/home.html

@@ -2,7 +2,7 @@
   {{ .Content }}
   
   <div class="filter">
-    <input placeholder="filter" id="filter">
+    <input placeholder="Filter" id="filter">
   </div>
   
   <table>