From cd1eadebc14d0bff8de1946dc7e9d0bcb532bfc6 Mon Sep 17 00:00:00 2001
From: gingervitis <omqmail@gmail.com>
Date: Thu, 3 Dec 2020 22:55:04 -0800
Subject: [PATCH] fix for #408

---
 web/pages/index.tsx          |  3 +--
 web/pages/offline-notice.tsx | 50 ++++++++++++++++++------------------
 2 files changed, 26 insertions(+), 27 deletions(-)

diff --git a/web/pages/index.tsx b/web/pages/index.tsx
index 769945e316..932543c3e5 100644
--- a/web/pages/index.tsx
+++ b/web/pages/index.tsx
@@ -180,9 +180,8 @@ export default function Home() {
               </Card>
             </div>
           </div>
+        </div>
       </div>
-      </div>
-
       <LogTable logs={logsData} pageSize={5} />
     </div>
   );
diff --git a/web/pages/offline-notice.tsx b/web/pages/offline-notice.tsx
index 575744a9f8..4c715db01d 100644
--- a/web/pages/offline-notice.tsx
+++ b/web/pages/offline-notice.tsx
@@ -1,10 +1,8 @@
-import { Result, Card, Typography } from "antd";
+import { Result, Card } from "antd";
 import { MessageTwoTone, BulbTwoTone, BookTwoTone, PlaySquareTwoTone } from '@ant-design/icons';
 import OwncastLogo from "./components/logo"
 import LogTable from "./components/log-table";
 
-
-const { Title } = Typography;
 const { Meta } = Card;
 
 export default function Offline({ logs = [] }) {
@@ -47,29 +45,31 @@ export default function Offline({ logs = [] }) {
   ];
 
   return (
-    <div className="offline-content">
-      <div className="logo-section">
-        <Result
-          icon={<OwncastLogo />}
-          title="No stream is active."
-          subTitle="You should start one."
-        />
-      </div>
-      <div className="list-section">
-        {
-          data.map(item => (
-            <Card key={item.title}>
-              <Meta
-                avatar={item.icon}
-                title={item.title}
-                description={item.content}
-              />
-            </Card>
-          ))
-        }
-      </div>
+    <>
+      <div className="offline-content">
+        <div className="logo-section">
+          <Result
+            icon={<OwncastLogo />}
+            title="No stream is active."
+            subTitle="You should start one."
+          />
+        </div>
+        <div className="list-section">
+          {
+            data.map(item => (
+              <Card key={item.title}>
+                <Meta
+                  avatar={item.icon}
+                  title={item.title}
+                  description={item.content}
+                />
+              </Card>
+            ))
+          }
+        </div>
 
+      </div>
       <LogTable logs={logs} pageSize={5} />
-    </div>
+    </>
   );
 }