Change layout

app.py

@@ -46,7 +46,10 @@ def image_search(query, corpus, n_results=24):
 
 description = '''
 # Semantic image search
-Built with OpenAI's [CLIP](https://openai.com/blog/clip/) model, 🤗 Hugging Face's [transformers library](https://huggingface.co/transformers/), [Streamlit](https://streamlit.io/) and images from [Unsplash](https://unsplash.com/) and [The Movie Database (TMDB)](https://www.themoviedb.org/)
+
+**Enter your query and hit enter**
+
+*Built with OpenAI's [CLIP](https://openai.com/blog/clip/) model, 🤗 Hugging Face's [transformers library](https://huggingface.co/transformers/), [Streamlit](https://streamlit.io/) and images from [Unsplash](https://unsplash.com/) and [The Movie Database (TMDB)](https://www.themoviedb.org/)*
 '''
 
 def main():
@@ -55,8 +58,15 @@ def main():
               .block-container{
                 max-width: 1200px;
               }
-              stTextInput{
-                max-width: 600px;
+              div.row-widget.stRadio > div{
+                margin-top: -30px;
+                flex-direction:row;
+                display: flex;
+                justify-content: center;
+              }
+              div.row-widget.stRadio > div > label{
+                margin-left: 5px;
+                margin-right: 5px;
               }
               #MainMenu {
                 visibility: hidden;
@@ -67,11 +77,9 @@ def main():
               </style>''',
               unsafe_allow_html=True)
   st.sidebar.markdown(description)
-  _, col1, col2, _ = st.beta_columns([2, 10, 2, 2])
-  query = col1.text_input('')
-  col2.text('')
-  col2.text('')
-  corpus = col2.radio('', ["Unsplash","Movies"])
+  _, c, _ = st.beta_columns((1, 3, 1))
+  query = c.text_input('')
+  corpus = st.radio('', ["Unsplash","Movies"])
   if len(query) > 0:
     results = image_search(query, corpus)
     st.markdown(get_html(results), unsafe_allow_html=True)