You can see rows in picture.

[![those are rows](https://i.stack.imgur.com/MfkKa.jpg)](https://i.stack.imgur.com/MfkKa.jpg)

This is code of that view:

```
<div layout="row" layout-align="space-around center" >
<product-image-thumbnail layout="row" layout-align="left center"
    src="vm.callFunction(field)"
    setter="vm.callFunction(value)" />

<md-button  ng-click="vm.onMouseOver(field.getSrc))" layout="row" layout-align="right center">
    <md-icon>zoom_in</md-icon>
</md-button>
</div>

```

I want to align image or uploadanimage to left, zoom button to right.

But it doesnot work.

i also tried

```
layout-align="start start
 layout-align="end end"

```

but it did not do the job.

Also i tried buttons to convert to `column` but it is same.

it makes two rows if i dont put first layout. i need them inside a row.

this is where src image comes

```
<div ng-show="!vm.src" layout="row">
    <md-button class="md-button md-ink-ripple" ng-click="vm.Dialog($event)">
        <md-icon>file_upload</md-icon>
        <span translate>upload_image</span>
    </md-button>
</div>
<div ng-show="vm.src" class="thumbnail" layout="column" layout-align="center center" flex layout-padding ng-click="vm.Dialog($event)">
    <img src="{{vm.src}}" style="max-height: 60px;max-width: 60px"
         error-src="content/images/no_image_icon.gif"
    />
</div>

```