From aa66c06f88ae46eb5167774270643bc135f3d7dc Mon Sep 17 00:00:00 2001
From: eneller <erikneller@gmx.de>
Date: Thu, 20 Mar 2025 20:15:51 +0100
Subject: [PATCH] feat: CTRL + K search, css

---
 src/epub2go_web/static/script.js  |  8 +++++++-
 src/epub2go_web/static/styles.css | 12 ++++++++++--
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/epub2go_web/static/script.js b/src/epub2go_web/static/script.js
index b513639..a56afdf 100644
--- a/src/epub2go_web/static/script.js
+++ b/src/epub2go_web/static/script.js
@@ -4,7 +4,13 @@ const searchInput = document.getElementById('searchInput');
 const table = document.getElementById('table');
 const table_r = Array.from(table.getElementsByTagName('tr'));
 
-// allow search from url parameter
+document.addEventListener('keydown', (event)=>{
+    if (event.ctrlKey && event.key === 'k'){
+        event.preventDefault();
+        searchInput.select();
+    }
+});
+// search from url parameter
 let searchParam = params.get('s');
 if (searchParam){
     searchInput.value = searchParam;
diff --git a/src/epub2go_web/static/styles.css b/src/epub2go_web/static/styles.css
index a5a4eaf..8fd7dc7 100644
--- a/src/epub2go_web/static/styles.css
+++ b/src/epub2go_web/static/styles.css
@@ -7,7 +7,7 @@
 }
 body{
     margin:40px auto;
-    max-width:650px;
+    max-width:800px;
     line-height:1.4;
     font-size:18px;
     color:var(--fg);
@@ -32,7 +32,15 @@ small{
     color: var(--fg-deemph);
 }
 .searchbar{
-    width: fit-content;
+    width: 100%;
+}
+#searchInput {
+    width: 100%;
+    padding: .2em;
+    font-size: larger;
+}
+th{
+    text-align: left;
 }
 tr:nth-child(even){
     background-color: var(--bg-acc);