diff --git a/app/globals.css b/app/globals.css index 722fc36d..7f2c280f 100644 --- a/app/globals.css +++ b/app/globals.css @@ -144,26 +144,16 @@ .mobile-icons-bar-content { display: flex; - gap: 10px; + gap: 8px; padding: 0 5px; - min-width: max-content; - /* justify-content: space-between; */ + width: 100%; + justify-content: space-evenly; } .mobile-icons-bar-content > * { flex-shrink: 0; } - /* Tablet overrides (spaced-out) */ - @media (min-width: 768px) { - .mobile-icons-bar-content { - min-width: 0; - width: 100%; - justify-content: space-between; - gap: 0; /* Remove gap if using space-between */ - } - } - /* .mobile-chat-section { flex: 1; diff --git a/components/empty-screen.tsx b/components/empty-screen.tsx index 2c0f63e4..2df0688a 100644 --- a/components/empty-screen.tsx +++ b/components/empty-screen.tsx @@ -32,7 +32,7 @@ export function EmptyScreen({ className?: string; }) { return ( -