<div  flex style="width:100%" >

    <div layout="column" flex class="md-padding " layout-align="start start" >
        <div layout="column" flex layout-fill layout-align="center center">
            <div class="item-title">Choose import method</div>
        </div>
        <div layout="column" flex layout-fill layout-align="center center">

            <md-card style="width:450px;max-width:450px;max-height:121px;height:121px" ng-repeat="method in vm.registrationMethods track by $index" flex="initial" flex-md="initial" flex-sm="50" ng-click="method.onClick()">
                <md-card-title>
                    <md-card-title-text>
                        <span style="font-size: 20px;font-weight:400;letter-spacing: .005em;">{{method.name}}</span>
                    </md-card-title-text>
                    <!--
                    <md-card-title-media>
                          <ng-md-icon icon="{{method.icon}}" size="40" style="fill:{{method.iconColor}};margin-right:-20px;" class="md-media-xs"></ng-md-icon>
                      </md-card-title-media>
                      -->
                </md-card-title>
                <md-card-content>
                    <div style="word-wrap:break-word;">{{method.description | characters:100}}</div>
                </md-card-content>
            </md-card>
        </div>


    </div>
</div>
