user-home.html

<!-- Specific Styling for Search Bar-->
<style>
    .srch button {
        float: right position:absolute;
        margin-left: -55px;
        display: table-cell;
        background: #08c;
        color: #fff;
        height: 33px;
        border: none;
    }

    .srch input {
        float: left;
        padding-right: 60px;
    }
</style>

<div ng-controller="userController">
    <center><h1>~~ Browse our Media ~~</h1></center>
    <form name="myForm">
        <table>
            <td width="90%"><center><input type="text" ng-model="token" class="form-control" placeholder="Search our music database!" /></center></td>
            <td width="20%">
                <center>
                    <select name="singleSelect" ng-model="data.singleSelect">
                        <option value="">Please select Search</option>
                        <option value="Track">Search by Track</option>
                        <option value="Artist">Search by Artist</option>
                        <option value="Album">Search by Album</option>
                        <option value="Genre">Search by Genre</option>
                        <option value="Composer">Search by Composer</option>
                        <option value="Media">Search by Media</option>
                    </select><br>
                </center>
            </td>
            <td width="10%">
                <center>
                    <button type="button" class="btn btn-default" ng-click="search(token,data.singleSelect)">
                        &nbsp&nbsp<span class="glyphicon glyphicon-search"></span>&nbsp&nbsp
                    </button>
                </center>
            </td>
        </table>
    </form>
    <div id="grid1" ui-grid="gridOptions" class="gridStyle"></div>

    <br /><br />
    <h2> Still need to display Orders </h2><br />

</div>