From dc96b550a6ae86edd9aba30f5ee2e1e242a930c8 Mon Sep 17 00:00:00 2001
From: Belen Curcio <bcurcio@belens-mbp.nyhq.nytint.com>
Date: Tue, 7 Mar 2017 14:56:28 -0500
Subject: [PATCH 1/4] Button should inherit font

---
 client/coral-ui/components/Button.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/coral-ui/components/Button.css b/client/coral-ui/components/Button.css
index 9a2611630..14ed64aa2 100644
--- a/client/coral-ui/components/Button.css
+++ b/client/coral-ui/components/Button.css
@@ -9,7 +9,7 @@
     min-width: 64px;
     padding: 0 8px;
     display: inline-block;
-    font-family: 'Roboto','Helvetica','Arial',sans-serif;
+    font-family: inherit;
     font-size: 14px;
     overflow: hidden;
     will-change: box-shadow,transform;

From ee30f549a136fb7092ac69861e0f44148f589200 Mon Sep 17 00:00:00 2001
From: Belen Curcio <bcurcio@belens-mbp.nyhq.nytint.com>
Date: Tue, 7 Mar 2017 15:04:35 -0500
Subject: [PATCH 2/4] Lato all the things

---
 client/coral-embed-stream/style/default.css | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/client/coral-embed-stream/style/default.css b/client/coral-embed-stream/style/default.css
index 009246963..bb5b98d33 100644
--- a/client/coral-embed-stream/style/default.css
+++ b/client/coral-embed-stream/style/default.css
@@ -1,10 +1,16 @@
+* {
+  font-weight: inherit;
+  font-family: inherit;
+  font-style: inherit;
+  font-size: 100%;
+}
+
 html, body {
   width:auto;
   height:auto;
 }
 
 body {
-  font-family: 'Open Sans', sans-serif;
   font-family: 'Lato', sans-serif;
   width: 100%;
   font-size: 14px;
@@ -324,14 +330,14 @@ button.comment__action-button[disabled],
 }
 
 .coral-plugin-flags-popup-counter {
-    float: left;
-    margin-top: 21px;
-    color: #999;
+  float: left;
+  margin-top: 21px;
+  color: #999;
 }
 
 .coral-plugin-flags-popup-button {
-    float: right;
-    margin-top: 10px;
+  float: right;
+  margin-top: 10px;
 }
 
 .coral-plugin-flags-reason-text {

From eb06f3892d1b2f0dff651a66e91bf9baa1c4e96a Mon Sep 17 00:00:00 2001
From: Belen Curcio <bcurcio@belens-mbp.nyhq.nytint.com>
Date: Tue, 7 Mar 2017 15:27:43 -0500
Subject: [PATCH 3/4] changes

---
 client/coral-embed-stream/style/default.css      | 5 +++++
 client/coral-plugin-commentbox/translations.json | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/client/coral-embed-stream/style/default.css b/client/coral-embed-stream/style/default.css
index bb5b98d33..5b1b69752 100644
--- a/client/coral-embed-stream/style/default.css
+++ b/client/coral-embed-stream/style/default.css
@@ -87,6 +87,7 @@ hr {
   margin-bottom: 10px;
   display: block;
   box-sizing: border-box;
+  border-radius: 2px;
 }
 
 /* Question Box Styles */
@@ -134,6 +135,8 @@ hr {
   flex: 1;
   padding: 5px;
   min-height: 100px;
+  margin-top: 10px;
+  font-size: 14px;
 }
 
 .coral-plugin-commentbox-button-container {
@@ -393,6 +396,8 @@ button.coral-load-more {
   color: #FFF;
   background-color: #2376D8;
   cursor: pointer;
+  padding: 10px;
+  border-radius: 2px;
 }
 
 button.coral-load-more:hover {
diff --git a/client/coral-plugin-commentbox/translations.json b/client/coral-plugin-commentbox/translations.json
index 83ed974e4..0f77fc334 100644
--- a/client/coral-plugin-commentbox/translations.json
+++ b/client/coral-plugin-commentbox/translations.json
@@ -3,7 +3,7 @@
     "post": "Post",
     "cancel": "Cancel",
     "reply": "Reply",
-    "comment": "Comment",
+    "comment": "Post a Comment",
     "name": "Name",
     "comment-post-notif": "Your comment has been posted.",
     "comment-post-notif-premod": "Thank you for posting. Our moderation team will review your comment shortly.",
@@ -14,7 +14,7 @@
     "post": "Publicar",
     "cancel": "Cancelar",
     "reply": "Respuesta",
-    "comment": "Comentario",
+    "comment": "Escribe un Comentario",
     "name": "Nombre",
     "comment-post-notif": "Tu comentario ha sido publicado.",
     "comment-post-notif-premod": "Gracias por comentar. Nuestro equipo de moderación va a revisarlo muy pronto.",

From d1119604e05ca9759175c83708818c5a7c64c80f Mon Sep 17 00:00:00 2001
From: Belen Curcio <bcurcio@belens-mbp.nyhq.nytint.com>
Date: Tue, 7 Mar 2017 15:59:05 -0500
Subject: [PATCH 4/4] =?UTF-8?q?=C3=ADcon=20styling=20for=20infobox?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/coral-embed-stream/style/default.css   | 43 +++++++++++++++----
 .../coral-plugin-questionbox/QuestionBox.js   |  8 ++--
 2 files changed, 40 insertions(+), 11 deletions(-)

diff --git a/client/coral-embed-stream/style/default.css b/client/coral-embed-stream/style/default.css
index 5b1b69752..68bac3110 100644
--- a/client/coral-embed-stream/style/default.css
+++ b/client/coral-embed-stream/style/default.css
@@ -90,6 +90,14 @@ hr {
   border-radius: 2px;
 }
 
+
+.commentStream .material-icons {
+  vertical-align: middle;
+  width: 1em;
+  font-size: 1em;
+  overflow: hidden;
+}
+
 /* Question Box Styles */
 .coral-plugin-questionbox-info {
   top: 0;
@@ -103,15 +111,41 @@ hr {
   font-weight: bold;
   font-size: 14px;
   display: block;
+  overflow: hidden;
+  height: 50px;
 }
 
-.coral-plugin-questionbox-icon {
+.coral-plugin-questionbox-icon.bubble{
+  position: absolute;
+  top: 11px;
+  left: 15px;
+  color: #949393;
+  font-size: 20px;
+  z-index: 0;
+}
+
+.coral-plugin-questionbox-icon.person{
+  z-index: 2;
+  top: 20px;
+  left: 20px;
+  position: absolute;
+  font-size: 24px;
+  color: white;
+}
+
+.coral-plugin-questionbox-box {
+  position: relative;
   border: 0;
   background: black;
   color: white;
   padding: 20px;
   margin-left: 0px !important;
   margin-right: 10px;
+  display: inline-block;
+  width: 15px;
+  height: 100%;
+  padding: 3px 20px;
+  vertical-align: middle;
 }
 
 .hidden  {
@@ -247,13 +281,6 @@ button.comment__action-button[disabled],
   white-space: nowrap;
 }
 
-.commentStream .material-icons {
-  vertical-align: middle;
-  width: 1em;
-  font-size: 1em;
-  overflow: hidden;
-}
-
 .likedButton {
   color: rgb(0,134,227);
 }
diff --git a/client/coral-plugin-questionbox/QuestionBox.js b/client/coral-plugin-questionbox/QuestionBox.js
index 542cb8790..3c2410d44 100644
--- a/client/coral-plugin-questionbox/QuestionBox.js
+++ b/client/coral-plugin-questionbox/QuestionBox.js
@@ -2,9 +2,11 @@ import React from 'react';
 const packagename = 'coral-plugin-questionbox';
 
 const QuestionBox = ({enable, content}) =>
-<div
-  className={`${packagename}-info ${enable ? null : 'hidden'}` }>
-  <i className={`${packagename}-icon material-icons`}>chat_bubble person</i>
+<div className={`${packagename}-info ${enable ? null : 'hidden'}` }>
+  <div className={`${packagename}-box`}>
+    <i className={`${packagename}-icon material-icons bubble`}>chat_bubble</i>
+    <i className={`${packagename}-icon material-icons person`}>person</i>
+  </div>
   {content}
 </div>;