Button alignment and responsive isnt work

[ricardo.pascoal]

Hi All !
I´m a new user streamit and I´m havng trouble to put two buttons side by side, first button always aligned left and other always align rigth.

Another problem is that it’s not working on cell phone dimensions

desktop

celular

I´m using this code:

    col1, col2, col3 = st.columns([1,1,1])

    with col1:
        st.button("Login")

    with col2:
        pass

    with col3:
        st.button("Registrar")

Does anybody help me ? Thanks

[lasinludwig]

Hi Ricardo,

unfortunately (as far as I know), there’s no way to change the alignment of a column. If you could, you could use only two columns and align the first left and the second right.

There might be a slightly “hacky” way to do it though. I recently had a similar problem

Color picker - label right like checkbox

Hi there, the label of the color picker is on top, the one for the checkbox is on the right. Is there a way to change the layout of the color picker, so it’s consistent with the checkbox? Maybe there’s some sort of html-thing I could do with st.write()? I really need the label on the right instead of on top… Thanks for your help.

… and found this video helpful:

4 ways of styling Streamlit widgets

Hope that helps.

[ricardo.pascoal]

Thanks for replying lasinludwig!
This is the problem I see with Streamlit, CSS “hacks”

Take a look at my “New Features” post, it talks a bit about this kind of improvement.

See it’s a basic thing that Streamlit itself could solve.

Besides that the responsiveness doesn’t work 100%
I noticed that below 640px and for some elements in the case the buttons they did not respond.