v1.6.3/release

- fix media info card

app/src/Chat.js

@@ -739,16 +739,22 @@ export default class Chat extends Component {
                       </Typography>
                     </div>
                   </div>
+                  <Typography
+                    variant="overline"
+                    style={{ fontSize: 9, display: 'block', marginTop: 12 }}
+                  >
+                    Watch Party will not automatically change the show for you.
+                  </Typography>
                 </CardContent>
               ) : (
                 <CardContent>
-                  <Typography className="media-info-at" variant="button">
+                  <Typography style={{ fontSize: 12, marginBottom: 12 }} variant="h4">
                     Nothing playing right now
+                  </Typography>
+                  <Typography variant="overline" style={{ fontSize: 9 }}>
+                    Pause / Play once after starting the show to start sync.
                     <br />
-                    Pause or play once after starting a show to start sync.
+                    Watch Party will not automatically change the show for you.
-                    <br />
-                    Watch Party will not automatically change the show for you as this is a security
-                    exploit.
                   </Typography>
                 </CardContent>
               )}

app/src/Thread.css

@@ -21,7 +21,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
   flex: 1;
   overflow-y: auto;
   margin-bottom: 1rem;
-  padding: 0;
+  padding: 0 15px;
   margin-top: 1rem;
   outline: none;
 }
@@ -245,7 +245,6 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
   flex-direction: column !important;
   margin: 0 auto !important;
   background-color: #222222 !important;
-  border-radius: 42px !important;
   padding: 20px 35px !important;
   transition: all ease-in-out 0.3s;
   transition-delay: 0.1s;
@@ -262,9 +261,6 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
   padding-top: 0 !important;
   text-align: center !important;
 }
-.thread-interactive-answer > div {
-  border-radius: 26px;
-}
 .thread-interactive-thankyou {
   text-align: center !important;
 }
@@ -272,8 +268,6 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
   color: inherit !important;
   width: calc(100% + 70px) !important;
   margin-left: -35px !important;
-  border-bottom-left-radius: 50px !important;
-  border-bottom-right-radius: 50px !important;
   margin-bottom: -20px !important;
   padding-bottom: 15px !important;
   margin-top: 5px !important;

app/src/Thread.js

@@ -56,6 +56,7 @@ export default class Thread extends Component {
       if (msg.endpoint) {
         var bodyData = {
           question: msg.text,
+          ...LocalData(),
         };
         if (msg.type === 'interactive/text') {
           const answerElement = document.getElementById(`reply-${msg.id}`);