feat: minor ui changes

web/static/app.css

@@ -616,6 +616,7 @@ body {
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
+    gap: 1.5rem;
   }
 }
 
@@ -623,6 +624,7 @@ body {
   display: flex;
   align-items: center;
   gap: 0.5rem;
+  flex-shrink: 0;
 }
 
 .library-counter {
@@ -635,17 +637,17 @@ body {
   display: flex;
   align-items: center;
   gap: 0.5rem;
+  flex: 1;
 }
 
 .search-wrap {
   position: relative;
   flex: 1;
+  display: flex;
 }
 
-@media (min-width: 640px) {
-  .search-wrap {
-    width: 16rem;
-  }
+.search-wrap .input-text {
+  width: 100%;
 }
 
 .book-shelf {
@@ -774,15 +776,14 @@ body {
 }
 
 .btn-book-fix {
-  color: #BAE6FD;
-  background-color: var(--btn-blue-hover);
-  border: 1px solid var(--btn-blue);
+  color: var(--text-muted);
+  background-color: transparent;
+  border: 1px solid var(--border);
 }
 
 .btn-book-fix:hover {
-  background-color: var(--btn-blue);
-  color: #FFFFFF;
-  border-color: var(--btn-blue-border);
+  color: var(--primary-accent);
+  border-color: var(--primary-accent);
 }
 
 .btn-book-delete {

web/templates/index.html

@@ -631,7 +631,7 @@ function renderEpubs(list, isFiltered = false) {
         </div>
         <div class="book-actions">
           <a href="/api/epubs/${encodeURIComponent(f.name)}" download class="btn-book-action btn-book-download">Download</a>
-          <button type="button" onclick="triggerFix('${encodeURIComponent(f.name)}')" class="btn-book-action btn-book-fix">Fix (APE)</button>
+          <button type="button" onclick="triggerFix('${encodeURIComponent(f.name)}')" class="btn-book-action btn-book-fix">Fix</button>
           <div class="delete-wrap" id="delWrap_${CSS.escape(f.name)}">
             <button type="button" onclick="confirmDelete('${encodeURIComponent(f.name)}')" class="btn-book-action btn-book-delete">Delete</button>
           </div>