From fa494418ebad30ecf8f60b987943868ba9e68d8b Mon Sep 17 00:00:00 2001
From: Ben Halpern <bendhalpern@gmail.com>
Date: Wed, 18 Mar 2020 11:19:04 -0400
Subject: [PATCH] Fix /connect message composer style bugs (#6695) [deploy]

---
 app/assets/stylesheets/chat.scss                          | 8 +++++---
 .../chat/__tests__/__snapshots__/chat.test.jsx.snap       | 2 +-
 .../chat/__tests__/__snapshots__/compose.test.jsx.snap    | 2 +-
 app/javascript/chat/compose.jsx                           | 4 ++--
 4 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/app/assets/stylesheets/chat.scss b/app/assets/stylesheets/chat.scss
index 044a02883..6124a34aa 100644
--- a/app/assets/stylesheets/chat.scss
+++ b/app/assets/stylesheets/chat.scss
@@ -1015,23 +1015,25 @@
 .messagecomposer__input {
   border-radius: 3px;
   font-size: 16px;
-  margin: 6px 2px 6px 6px;
-  padding: 5px;
+  margin: 4px 2px 4px 6px;
+  padding: 4px;
   resize: none;
   flex-grow: 1;
+  height: 42px;
   @include themeable(background, theme-container-background, white);
   @include themeable(border, theme-border, 1px solid $outline-color);
   @include themeable(color, theme-color, $black);
 }
 
 .messagecomposer__submit {
-  margin: 6px 6px 6px 0;
+  margin: 4px 6px 4px 0;
   border-radius: 3px;
   background: $dark-purple;
   font-weight: 600px;
   font-family: $helvetica-condensed;
   color: white;
   font-size: 18px;
+  border: 0px;
 
   @media screen and (min-width: 500px) {
     width: 80px;
diff --git a/app/javascript/chat/__tests__/__snapshots__/chat.test.jsx.snap b/app/javascript/chat/__tests__/__snapshots__/chat.test.jsx.snap
index f7145b871..33eb91fdd 100644
--- a/app/javascript/chat/__tests__/__snapshots__/chat.test.jsx.snap
+++ b/app/javascript/chat/__tests__/__snapshots__/chat.test.jsx.snap
@@ -266,7 +266,7 @@ exports[`<Chat /> should load chat 1`] = `
                 placeholder="Message goes here"
               />
               <button
-                class="messagecomposer__submit"
+                class="messagecomposer__submit cta"
                 onClick={[Function]}
                 type="button"
               >
diff --git a/app/javascript/chat/__tests__/__snapshots__/compose.test.jsx.snap b/app/javascript/chat/__tests__/__snapshots__/compose.test.jsx.snap
index 508e39d3d..dd310641e 100644
--- a/app/javascript/chat/__tests__/__snapshots__/compose.test.jsx.snap
+++ b/app/javascript/chat/__tests__/__snapshots__/compose.test.jsx.snap
@@ -15,7 +15,7 @@ exports[`<Compose /> behavior with message should render and test snapshot 1`] =
       placeholder="Message goes here"
     />
     <button
-      class="messagecomposer__submit"
+      class="messagecomposer__submit cta"
       onClick={[Function]}
       type="button"
     >
diff --git a/app/javascript/chat/compose.jsx b/app/javascript/chat/compose.jsx
index a1b23df2b..db72d9503 100644
--- a/app/javascript/chat/compose.jsx
+++ b/app/javascript/chat/compose.jsx
@@ -69,7 +69,7 @@ export default class Chat extends Component {
         />
         <button
           type="button"
-          className="messagecomposer__submit"
+          className="messagecomposer__submit cta"
           onClick={handleSubmitOnClickEdit}
         >
           Save
@@ -98,7 +98,7 @@ export default class Chat extends Component {
         />
         <button
           type="button"
-          className="messagecomposer__submit"
+          className="messagecomposer__submit cta"
           onClick={handleSubmitOnClick}
         >
           SEND