From 499edd665b2bbeb66f504d17ab6d72f93776eea3 Mon Sep 17 00:00:00 2001
From: Koper <andreas@monadical.com>
Date: Wed, 26 Jul 2023 16:32:31 +0700
Subject: [PATCH] Fixed footer height (it used to collapse if no text)

---
 www/app/components/dashboard.js | 4 ++--
 www/app/page.js                 | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/www/app/components/dashboard.js b/www/app/components/dashboard.js
index 8df67694..e7017d11 100644
--- a/www/app/components/dashboard.js
+++ b/www/app/components/dashboard.js
@@ -57,8 +57,8 @@ export function Dashboard({
         )}
       </div>
 
-      <footer className="w-full bg-gray-800 text-white text-center py-4 text-2xl">
-        {transcriptionText}
+      <footer className="w-full bg-gray-800 text-white text-center py-4 text-2xl mt-8 h-32">
+        &nbsp;{transcriptionText}&nbsp;
       </footer>
     </>
   );
diff --git a/www/app/page.js b/www/app/page.js
index 1bea5b81..2e4bfc93 100644
--- a/www/app/page.js
+++ b/www/app/page.js
@@ -35,7 +35,7 @@ const App = () => {
       <Dashboard
         isRecording={isRecording}
         onRecord={(recording) => handleRecord(recording)}
-        transcriptionText={serverData.text ?? "..."}
+        transcriptionText={serverData.text ?? "(No transcription yet)"}
         finalSummary={serverData.finalSummary}
         topics={serverData.topics ?? []}
         stream={stream}