Fixing css

web/react/components/post_body.jsx

@@ -18,7 +18,7 @@ export default class PostBody extends React.Component {
         this.state = {links: linkData.links, message: linkData.text};
     }
 
-    getTextNodesIn(nodeIn) {
+    getAllChildNodes(nodeIn) {
         var textNodes = [];
 
         function getTextNodes(node) {
@@ -35,7 +35,7 @@ export default class PostBody extends React.Component {
 
     parseEmojis() {
         twemoji.parse(React.findDOMNode(this), {size: Constants.EMOJI_SIZE});
-        this.getTextNodesIn(React.findDOMNode(this)).forEach((current) => {
+        this.getAllChildNodes(React.findDOMNode(this)).forEach((current) => {
             global.window.emojify.run(current);
         });
     }

web/sass-files/sass/partials/_base.scss

@@ -130,9 +130,9 @@ div.theme {
 }
 
 .emoji {
-    width: 1.5em !important;
+    width: 1.5em;
-    height: 1.5em !important;
+    height: 1.5em;
-    display: inline-block !important;
+    display: inline-block;
-    margin-bottom: 0.25em !important;
+    margin-bottom: 0.25em;
-    background-size: contain !important;
+    background-size: contain;
 }

web/static/css/emojify.min.css

@@ -1 +0,0 @@
-.emoji{width:1.5em;height:1.5em;display:inline-block;margin-bottom:-.25em;background-size:contain}

web/templates/head.html

@@ -40,7 +40,6 @@
 
     <script src="/static/js/jquery-dragster/jquery.dragster.js"></script>
 
-    <link rel="stylesheet" href="/static/css/emoji/emojify.min.css" />
     <script src="/static/js/emojify.min.js"></script>
     <script>
         emojify.setConfig({img_dir: '/static/images/emoji'});