Adding styles for mob devs

client/coral-embed-stream/src/tabs/stream/components/Comment.css

@@ -152,9 +152,27 @@
 }
 
 .header {
-  display: flex;
-  align-items: center;
   margin: 10px 0;
+  flex-direction: column;
+  align-items: flex-start;
+
+  > * {
+    margin: 3px 0;
+
+    &:first-child {
+      margin-left: 0;
+    }
+  }
+
+  @media (min-width: 480px) {
+    display: flex;
+    align-items: center;
+    flex-direction: row;
+
+    > div {
+      margin: 0px 5px;
+    }
+  }
 }
 
 .content {

client/coral-embed-stream/style/default.css

@@ -190,7 +190,6 @@ body {
   background-color: #4C1066;
   color: white;
   display: inline-block;
-  margin: 0px 5px;
   padding: 5px 5px;
   border-radius: 2px;
   font-size: 12px;

plugins/talk-plugin-subscriber/client/components/SubscriberBadge.css

@@ -2,7 +2,6 @@
   background-color: #616161;
   color: white;
   display: inline-block;
-  margin: 0px 5px;
   padding: 5px 5px;
   border-radius: 2px;
   font-size: 12px;

postcss.config.js

@@ -1,7 +1,7 @@
 module.exports = {
   plugins: [
-    require('postcss-smart-import')({ /* ...options */ }),
-    require('precss')({ /* ...options */ }),
-    require('autoprefixer')({ /* ...options */ })
-  ]
+    require('postcss-smart-import'),
+    require('precss'),
+    require('autoprefixer'),
+  ],
 };