Search fields to display horizontally

I would like the search fields to display horizontally (eg. dropdown beside search field, then search button beside search field). See attached image as example.

It worked on one template and not another. So on this other demo site - intra.janadians.com/e-directory.html I placed the said code, but it did not work. I placed it within the custom.css of the template and tried it in the grid.css of the component. But to noa avial. Where else do you think I could place the code to have the same result?