 
     render_line_item : (line, n) ->
         <Row key={line.id} style={borderBottom:'1px solid #aaa'}>
-            <Col xs=1>
+            <Col sm=1>
                 {n}.
             </Col>
-            <Col xs=9>
+            <Col sm=9>
                 {@render_line_description(line)}
             </Col>
-            <Col xs=2>
+            <Col sm=2>
                 {render_amount(line.amount, @props.invoice.currency)}
             </Col>
         </Row>
 
     render_tax : ->
         <Row key='tax' style={borderBottom:'1px solid #aaa'}>
-            <Col xs=1>
-            </Col>
-            <Col xs=9>
+            <Col sm=1>
+            </Col>
+            <Col sm=9>
                 WA State Sales Tax ({@props.invoice.tax_percent}%)
             </Col>
-            <Col xs=2>
+            <Col sm=2>
                 {render_amount(@props.invoice.tax, @props.invoice.currency)}
             </Col>
         </Row>


    render_header : ->
        <Row>
            <Col xs=6>
                <Icon name="credit-card" /> Payment Methods
            </Col>
            <Col xs=6>
                {@render_add_payment_method_button()}
            </Col>
        </Row>


    render : ->
        <Row>
            <Col sm=6 smOffset=3>
                <Well style={boxShadow:"5px 5px 5px lightgray", position:'absolute', zIndex:1}>
                    {@render_error()}
                    {@render_payment_method_fields()}
