el problema empieza cuando agrego el select se hace demasiado grande de pantalla a pantalla y no se queda en el mismo tamaño que le di estoy usando bootstrap
<div class="row frm-down">
<div class="form-group">
<div class="col-xs-4">
<div>
<select class='form-control select_product' id='select_product' name='select_product'>
<option value="0">Select one product</option>
<?php foreach ($row as $rows) { ?>
<option value="<?php echo $rows['idproduct']?>"><?php echo $rows['product']?></option>
<?php } ?>
</select>
</div>
</div>
</div>
<div class="form-group">
<div class="col-xs-3 frm-price">
<input type="text" class="form-control" id="txt_amount" name="txt_amount" onkeyup="validacion('txt_amount');" placeholder="amount" maxlength="5">
</div>
</div>
<div class="col-lg-2">
<div>
<button id="btn-add-product" class="btn btn-success btn-add-product" onclick="btn_add_product();">Add</button>
</div>
</div>
</div>
no se si sea lo mismo, pero yo tuve problemas con los selects y mejor utilice un dropdown y con la propiedad white-space:nowrap solo la cambie a white-space: inherit eso mismo en bootstrap, aunque no se si realmente es tu problema saludos
Por cierto eso lo que hace es q si el contenido de tu campo es muy grande lo visualiza en 2 o mas renglones a diferencia del select que es en una misma linea