         <h3 style={marginTop: 0}>Connect with</h3>
 
     render: ->
+        strategies = @props.strategies?.toJS() ? []
+        strategies = ['facebook', 'google', 'twitter', 'github']   # for testing.
+        if @props.github_hack and 'github' in strategies
+            # hack for now to get around using position absolute.
+            github_hack = {marginLeft: '-50px'}
         <div style={@props.style}>
             {@render_heading()}
-            <div>
-                {@render_strategy(name) for name in @props.strategies?.toJS() ? []}
+            <div style={github_hack} >
+                {@render_strategy(name) for name in strategies}
             </div>
             <hr style={marginTop: 10, marginBottom: 10} />
         </div>

        if @props.strategies.size > 1
            <div>
                <Passports
                    strategies  = {@props.strategies}
                    get_api_key = {@props.get_api_key}
                    style       = {textAlign: 'center'}

###
{rclass, React, ReactDOM, redux, rtypes} = require('./smc-react')
{Alert, Button, ButtonToolbar, Col, Modal, Grid, Row, FormControl, FormGroup, Well, ClearFix, Checkbox} = require('react-bootstrap')
{ErrorDisplay, Icon, Loading, ImmutablePureRenderMixin, Footer, UNIT, COLORS, ExampleBox, Space, Tip} = require('./r_misc')
{HelpEmailLink, SiteName, SiteDescription, TermsOfService, AccountCreationEmailInstructions} = require('./customize')

DESC_FONT = 'sans-serif'
