From 824f3a18abd1cc51259db96d8c85ee1e1e704133 Mon Sep 17 00:00:00 2001
From: Jose Selesan <jose.selesan@solotechnologies.us>
Date: Thu, 4 Jun 2026 11:38:10 -0300
Subject: [PATCH] fix(belo): improve mobile header layout - stack title above
 actions on small screens

---
 apps/frontend/src/features/belo/BeloPage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/features/belo/BeloPage.tsx b/apps/frontend/src/features/belo/BeloPage.tsx
index 19a05f0..424e8d1 100644
--- a/apps/frontend/src/features/belo/BeloPage.tsx
+++ b/apps/frontend/src/features/belo/BeloPage.tsx
@@ -223,9 +223,9 @@ export function BeloPage() {
 
   return (
     <div className="space-y-6">
-      <div className="flex items-center justify-between">
+      <div className="flex flex-col gap-1 sm:flex-row sm:items-center sm:justify-between">
         <h1 className="text-2xl font-semibold">BELO</h1>
-        <div className="flex items-center gap-3">
+        <div className="flex items-center gap-3 flex-wrap">
           {belo && (
             <span className="text-xs text-muted-foreground">
               Últ. actualización: <RelativeTime date={belo.timeStamp} />