<div layout="column" layout-align=" center">
    <p class="newline-text article-text">{{ ngModel.text }}</p>
</div>
<div layout="row">
    <div flex="70">
        <md-table-container ng-show="ngModel != null && ngModel.fields.length > 0">
            <table md-table>
                <thead md-head>
                <tr md-row>
                    <th md-column>{{ 'articles.fields.property' | translate }}</th>
                    <th md-column>{{ 'articles.fields.value' | translate }}</th>
                </tr>
                </thead>
                <tbody md-body>
                <tr md-row ng-repeat="field in ngModel.fields track by $index">
                    <td md-cell>
                        {{ 'articles.fields.properties.' + field.property | translate }}
                    </td>
                    <td md-cell>
                        {{ field.value }}
                    </td>
                </tr>
                </tbody>
            </table>
        </md-table-container>
    </div>
    <div flex="30">
        <div layout="column" layout-align=" center">
            <img class="article-picture" ng-src="{{ngModel.pictureUrl}}" />
        </div>
        <div layout="column" layout-align=" center">
            <p class="newline-text article-picture-caption">{{ ngModel.pictureCaption }}</p>
        </div>
    </div>
</div>