From 1c0f931cb8196c4cc37a690d432efcd1fccb45d0 Mon Sep 17 00:00:00 2001
From: arbadacarbaYK <arbadacarbaYK@users.noreply.github.com>
Date: Sun, 7 Dec 2025 16:11:07 +0100
Subject: [PATCH] fix: truncate wallet select field on mobile to prevent
 overflow

- Add CSS to truncate long wallet IDs with ellipsis on mobile
- Matches the fix applied to TPoS extension
- Uses 600px breakpoint to align with Quasar defaults
---
 templates/boltcards/index.html | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/templates/boltcards/index.html b/templates/boltcards/index.html
index 4e2d6e1..3e64aac 100644
--- a/templates/boltcards/index.html
+++ b/templates/boltcards/index.html
@@ -492,4 +492,16 @@ <h6 class="text-subtitle1 q-my-none">
 
 {% endblock %} {% block scripts %} {{ window_vars(user) }}
 <script src="{{ static_url_for('boltcards/static', path='js/index.js') }}"></script>
+<style>
+/* Fix wallet select field overflow on mobile */
+@media screen and (max-width: 600px) {
+  .q-select[label*="Wallet"] .q-field__native,
+  .q-select[label*="Wallet"] .q-field__input {
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+</style>
 {% endblock %}