Buttons styling

plugins/talk-plugin-rte/client/components/Editor.css

@@ -6,30 +6,28 @@
   outline: 0;
   overflow-y: auto;
   width: 100%;
-  padding: 4px;
+  padding: 10px;
   font-style: unset;
 }
 
 .button {
-  display: inline-block;
-  text-align: center;
-  color: #2c3e50!important;
-  height: 30px;
-  margin: 0;
-  border: 1px solid transparent;
-  border-radius: 3px;
-  cursor: pointer;
-  outline: 0;
-  margin-right: 2px;
-  font-size: 1em;
-  width: 25px;
+  top: 0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-radius: 4px;
+  padding: 0;
+  font-size: 14px;
+  margin-top: -2px;
   background-color: transparent;
+  border: solid 1px transparent;
+  cursor: pointer;
+  height: 30px;
   outline: 0;
+  width: 30px;
 }
 
 .button:hover{
   background: #fcfcfc;
-  border-color: #95a5a6;
 }
 
 .actionBar {

plugins/talk-plugin-rte/client/components/Editor.js

@@ -52,8 +52,8 @@ class Editor extends React.Component {
 
 Editor.defaultProps = {
   defaultContent: '',
-  styleWithCSS: false,
-  actions: ['bold', 'italic', 'underline'],
+  styleWithCSS: true,
+  actions: ['bold', 'italic', 'quote'],
   classNames: {
     button: '',
     content: '',