🔌 UI for socket connection status

src/client/components/Dashboard.tsx

@@ -7,19 +7,21 @@ interface IState {}
 class Dashboard extends React.Component<IProps, IState> {
   public render() {
     return (
-      <section className="section">
-        <h1 className="title">Dashboard</h1>
-        <h2 className="subtitle">
-          A simple container to divide your page into <strong>sections</strong>,
-          like the one you're currently reading.
-        </h2>
-        <ZeroState
-          header={"Set the source directory"}
-          message={
-            "No comics were found! Please point ThreeTwo! to a directory..."
-          }
-        />
-      </section>
+      <div className="container">
+        <section className="section">
+          <h1 className="title">Dashboard</h1>
+          <h2 className="subtitle">
+            A simple container to divide your page into{" "}
+            <strong>sections</strong>, like the one you're currently reading.
+          </h2>
+          <ZeroState
+            header={"Set the source directory"}
+            message={
+              "No comics were found! Please point ThreeTwo! to a directory..."
+            }
+          />
+        </section>
+      </div>
     );
   }
 }