diff --git a/client/coral-embed-stream/src/tabs/stream/components/Comment.css b/client/coral-embed-stream/src/tabs/stream/components/Comment.css index f5bead3b8..d104b4731 100644 --- a/client/coral-embed-stream/src/tabs/stream/components/Comment.css +++ b/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 { diff --git a/client/coral-embed-stream/style/default.css b/client/coral-embed-stream/style/default.css index 63f1edf67..451b27289 100644 --- a/client/coral-embed-stream/style/default.css +++ b/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; diff --git a/plugins/talk-plugin-subscriber/client/components/SubscriberBadge.css b/plugins/talk-plugin-subscriber/client/components/SubscriberBadge.css index 42edfd8ff..e6c8d9161 100644 --- a/plugins/talk-plugin-subscriber/client/components/SubscriberBadge.css +++ b/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; diff --git a/postcss.config.js b/postcss.config.js index 79fae36cb..e76e674d2 100644 --- a/postcss.config.js +++ b/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'), + ], };