v1.6.3/release

- virtual chat scroll
- website update
- version bump

app/src/Chat.js

@@ -742,9 +742,13 @@ export default class Chat extends Component {
                 </CardContent>
               ) : (
                 <CardContent>
-                  <Typography className="media-info-at" variant="caption">
-                    Nothing playing right now, pause or play once after starting a show to start
-                    sync.
+                  <Typography className="media-info-at" variant="button">
+                    Nothing playing right now
+                    <br />
+                    Pause or play once after starting a show to start sync.
+                    <br />
+                    Watch Party will not automatically change the show for you as this is a security
+                    exploit.
                   </Typography>
                 </CardContent>
               )}
@@ -756,27 +760,25 @@ export default class Chat extends Component {
             </Card>
           ) : null}
         </div>
-        <div className="thread-wrapper">
-          <div className="alerts-container">
-            {alerts.map((a) => {
-              if (a.condition() === true) {
-                return (
-                  <Card className="alert-card" variant="outlined">
-                    <CardContent className="alert-card-content">
-                      <Error />
-                      <Typography variant="body2">{a.message}</Typography>
-                    </CardContent>
-                  </Card>
-                );
-              } else return null;
-            })}
-          </div>
-          <Thread
-            setReplyTo={this.setReplyTo}
-            sendingMessages={sendingMessages}
-            sentMessages={messages}
-          />
+        <div className="alerts-container">
+          {alerts.map((a) => {
+            if (a.condition() === true) {
+              return (
+                <Card className="alert-card" variant="outlined">
+                  <CardContent className="alert-card-content">
+                    <Error />
+                    <Typography variant="body2">{a.message}</Typography>
+                  </CardContent>
+                </Card>
+              );
+            } else return null;
+          })}
         </div>
+        <Thread
+          setReplyTo={this.setReplyTo}
+          sendingMessages={sendingMessages}
+          sentMessages={messages}
+        />
         <Paper
           square
           variant="outlined"