change md-menu buttons to toolbar (?) buttons in js

i have to do some changes in my app. first, i want to move the menu buttons (in the pic its after the change), to the button's location in the pic.

the code before the change:

<md-tab class="package-tab">
    <md-tab-label>
        <span class="tab-label-menu-container">
            <md-menu ng-show="$ctrl.selectedPackage.path === $ctrl.package.path">
                <md-icon md-menu-origin class="control s-12 in-line tab-label-btn" md-svg-icon="app/assets/icon_chev.svg" ng-click="$mdOpenMenu($event)"></md-icon>
                <md-menu-content width="4">
                    <md-menu-item>
                        <md-button ng-click="$ctrl.createMarkup()">
                            <md-icon md-svg-icon="app/assets/icon_markup.svg" md-menu-align-target></md-icon>
                            Create markup
                        </md-button>
                    </md-menu-item>
                    <md-menu-item>
                        <md-button ng-click="$ctrl.refreshPackage()">
                            <md-icon md-svg-icon="app/assets/icon_refresh.svg" md-menu-align-target></md-icon>
                            Refresh package
                        </md-button>
                    </md-menu-item>

                    <md-menu-item>
                        <md-button id="id" ng-click="$ctrl.camera()">
                            <md-icon md-svg-icon="app/assets/icon_camera.svg" md-menu-align-target></md-icon>
                            Camera
                        </md-button>
                    </md-menu-item>

                </md-menu-content>
            </md-menu>
        </span>
        <span class="tab-label-title in-line-flex" ng-click="$ctrl.onPackageSelected($ctrl.package)">
            <span class="prevent-overflow">
                
            </span>
        </span>
        <md-icon style="display: inline-block !important;" class="tab-label-btn control s-12" md-svg-src="app/assets/icon_remove.svg"
            ng-click="$ctrl.closePackage()"></md-icon>
    </md-tab-label>
    <md-tab-body>
        <div layout-fill layout="column">
            <iframe class="package-wrapper" id="gwt-wrapper" flex ng-src="" ng-onload="$ctrl.onPackageLoaded()">
            </iframe>
        </div>
    </md-tab-body>
</md-tab>

enter image description here

via Tom Cohen