From 91b7de3bb7364d5846cc8095e12ab85bae5d2ade Mon Sep 17 00:00:00 2001
From: cottongin <cottongin@users.noreply.github.com>
Date: Sun, 5 Apr 2026 05:15:08 -0400
Subject: [PATCH] style: remove footer top margin, match presence bar bottom
 padding to 1rem, stack sections vertically

Made-with: Cursor
---
 frontend/src/App.jsx                    | 2 +-
 frontend/src/components/PresenceBar.jsx | 7 ++-----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index e195902..2243ec8 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -173,7 +173,7 @@ function App() {
       <PresenceBar />
 
       {/* Footer */}
-      <footer className="bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 mt-12 flex-shrink-0">
+      <footer className="bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 flex-shrink-0">
         <div className="container mx-auto px-4 py-6">
           <div className="flex flex-col md:flex-row justify-between items-center gap-2 text-sm text-gray-600 dark:text-gray-400">
             <div className="text-center md:text-left">
diff --git a/frontend/src/components/PresenceBar.jsx b/frontend/src/components/PresenceBar.jsx
index e885ccb..3f64ef8 100644
--- a/frontend/src/components/PresenceBar.jsx
+++ b/frontend/src/components/PresenceBar.jsx
@@ -46,9 +46,9 @@ function PresenceBar() {
   if (!hasViewers && !hasServices) return null;
 
   return (
-    <div className="sticky bottom-0 z-40 flex justify-end px-4 pb-2 pointer-events-none">
+    <div className="sticky bottom-0 z-40 flex justify-end px-4 pb-4 pointer-events-none">
       <div className="pointer-events-auto bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 px-4 py-2 w-fit">
-        <div className="flex items-center gap-4 flex-wrap">
+        <div className="flex flex-col gap-1.5">
           {hasViewers && (
             <div className="flex items-center gap-2">
               <span className="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider font-medium flex-shrink-0">
@@ -70,9 +70,6 @@ function PresenceBar() {
               </div>
             </div>
           )}
-          {hasViewers && hasServices && (
-            <div className="w-px h-4 bg-gray-300 dark:bg-gray-600" />
-          )}
           {hasServices && (
             <div className="flex items-center gap-2">
               <span className="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider font-medium flex-shrink-0">