                 <Button bsStyle='info'
                   disabled={PluginManager.getStatusOfPlugin(plugin) == PluginManager.NEEDUPDATE}
                   onClick={@props.handleEnable}
-                  style={width: "#{if plugin.settingsClass? then 'calc(100% / 3)' else '50%'}"}
-                  className="plugin-control-button">
+                  className='plugin-control-button col-xs-4'>
                   <FontAwesome name={
                     switch PluginManager.getStatusOfPlugin plugin
                       when PluginManager.VALID

                       {__ 'Settings'}
                     </Tooltip>
                     }>
                     <Button ref="setting-btn"
                             bsStyle='primary' bsSize='xs'
                             style={width: 'calc(100% / 3)'}
                             onClick={@toggleSettingPop}
                             className="plugin-control-button">
                       <FontAwesome name='gear' />
                     </Button>
                   </OverlayTrigger>
              }
              <OverlayTrigger placement='top' overlay={
                <Tooltip>

  render: ->
    React.createElement @props.plugin.settingsClass

# A collapsible panel that automatically hides itself after collapsed
# to avoid the two borders that still remains when height=0
CollapsiblePanel = React.createClass
  getInitialState: ->
    expanded: @props.expanded
