From ce5b55386c42671729b07a28ebd887ef0b7b7d30 Mon Sep 17 00:00:00 2001
From: Stan Grams <sjg@haxx.space>
Date: Fri, 3 Apr 2026 22:13:50 +0200
Subject: [PATCH] [fix](trx-frontend-http): fix misaligned text in recorder
 Download/Remove buttons

Normalize button styling between <a> and <button> elements by using
inline-flex with centered alignment instead of inline-block. Add
align-items to the container and box-sizing to the buttons.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
---
 .../trx-frontend/trx-frontend-http/assets/web/style.css    | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
index ea11e4f..ebbc1ea 100644
--- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
+++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
@@ -1246,14 +1246,19 @@ small { color: var(--text-muted); }
 }
 .recorder-table .rec-file-actions {
   display: flex;
+  align-items: center;
   gap: 0.4rem;
 }
 .recorder-table .rec-file-btn {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
   padding: 0.2rem 0.5rem;
   font-size: 0.75rem;
   font-family: inherit;
   line-height: 1.4;
+  text-align: center;
   text-decoration: none;
   border: 1px solid var(--border-light);
   border-radius: 4px;