From 45224d2aaf1c36e88152a2f39203d1bdd6b5c1f5 Mon Sep 17 00:00:00 2001
From: Patrick Mulligan <patjmulligan@protonmail.com>
Date: Tue, 3 Mar 2026 09:17:32 -0500
Subject: [PATCH] fix(machine): show price and balance badges on mobile

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 apps/machine/src/App.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/machine/src/App.vue b/apps/machine/src/App.vue
index 67bcbee..7c132b0 100644
--- a/apps/machine/src/App.vue
+++ b/apps/machine/src/App.vue
@@ -97,16 +97,16 @@ function toggleLiveServices() {
       <div
         class="fixed right-2 top-2 lg:right-6 lg:top-6 z-50 flex flex-wrap items-center justify-end gap-1 lg:gap-2"
       >
-        <!-- Price and balance: only on idle, hidden on mobile -->
+        <!-- Price and balance: only on idle -->
         <Badge
           v-if="atmStore.isIdle && formattedBtcPrice"
-          class="hidden lg:inline-flex bg-primary/10 font-mono text-primary border border-primary/30 text-base"
+          class="bg-primary/10 font-mono text-primary border border-primary/30 text-[10px] lg:text-base"
         >
           {{ formattedBtcPrice }}
         </Badge>
         <Badge
           v-if="atmStore.isIdle && atmStore.balanceSats !== null"
-          class="hidden lg:inline-flex bg-bitcoin/20 font-mono text-bitcoin border border-bitcoin/30 text-base"
+          class="bg-bitcoin/20 font-mono text-bitcoin border border-bitcoin/30 text-[10px] lg:text-base"
         >
           bal: {{ formatSats(atmStore.balanceSats) }} sats
         </Badge>