No entiendo muy bien el problema.
Quieres que el <SELECT> de size te salga mas a la derecha para que este alineado con el texto de arriba no ?
No le puedes simplemente darle margin-left hasta colocarlo a tu gusto y ya esta ?
Si tienes problemas con como se ve en otros dispositivos como tablets o moviles al hacer estos cambios , siempre puedes usar media queries.
Por ejemplo :
Código:
@media only screen and (max-width : 480px) {
nav {
border-bottom: 0;
}
nav ul {
display: none;
height: auto;
}
nav a#pull {
display: block;
background-color: #0378ad;
width: 100%;
position: relative;
}
nav a#pull:after {
content:"";
background: url('../img/nav-icon.png') no-repeat;
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
right: 15px;
top: 10px;
}
}
Asi aplicas los cambios que quieres solo para pantallas de determinado tamaño.
Igual te estoy contando tonterias muy simples losiento pero es que no he entendido bien el problema ;)