Switch pulse list buttons back to using 'flex align-center' to fix alignment issue

frontend/src/pulse/components/PulseListChannel.jsx

@@ -85,14 +85,14 @@ export default class PulseListChannel extends Component {
                 { subscribable &&
                     <div className="flex-align-right">
                         { subscribed ?
-                            <div className="inline-block rounded clearfix bg-green text-white text-bold">
-                                <div className="float-left py2 pl2">You get this {channel.channel_type}</div>
-                                <Icon className="float-right p2 text-grey-1 text-white-hover cursor-pointer" name="close" width={12} height={12} onClick={this.unsubscribe}/>
+                            <div className="flex align-center rounded bg-green text-white text-bold">
+                                <div className="pl2">You get this {channel.channel_type}</div>
+                                <Icon className="p2 text-grey-1 text-white-hover cursor-pointer" name="close" width={12} height={12} onClick={this.unsubscribe}/>
                             </div>
                         :
-                            <div className="inline-block clearfix rounded bordered bg-white text-default text-bold cursor-pointer" onClick={this.subscribe}>
-                                <Icon className="p2 float-left" name="add" width={12} height={12}/>
-                                <div className="py1 pr2 float-right">Get this {channel.channel_type}</div>
+                            <div className="flex align-center rounded bordered bg-white text-default text-bold cursor-pointer" onClick={this.subscribe}>
+                                <Icon className="p2" name="add" width={12} height={12}/>
+                                <div className="pr2">Get this {channel.channel_type}</div>
                             </div>
                         }
                     </div>