/** CSS for These3Words * Some more information here. * Or remove comment anyway because it's obvious. */ html, body, #map-canvas { height: 100%; margin: 0; padding: 0; } .controls { margin: 16px; border: 1px solid transparent; border-radius: 2px 0 0 2px; box-sizing: border-box; -moz-box-sizing: border-box; height: 32px; outline: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); } #pac-input { background-color: #fff; padding: 0 11px 0 13px; width: 400px; font-family: Roboto; font-size: 15px; font-weight: 300; text-overflow: ellipsis; } #pac-input:focus { border-color: #4d90fe; margin-left: 15px; padding-left: 14px; /* Regular padding-left + 1. */ width: 401px; } @media (max-width: 800px) { .controls { margin: 0; } #pac-input, #pac-input:focus { width: 100%; margin: 0; } }