Use one column in the sidebar, center logo.

Note: we have to use HTML and _refer to an external image URL_ to achieve
this. We are grabbing the logo from the github repo.

Former-commit-id: 619fa282dd4771358a5c0c1687497123c17e56f7

app/app.py

@@ -6,14 +6,24 @@ from dalle_mini.backend import ServiceError, get_images_from_backend
 
 import streamlit as st
 
-st.sidebar.title("DALL-E Mini")
+# st.sidebar.title("DALL-E Mini")
 
-sc = st.sidebar.beta_columns(2)
-sc[0].image('../img/logo.png', width=150)
-sc[1].write("  ")
-sc[1].markdown("Generate images from text")
+# sc = st.sidebar.beta_columns(2)
+# st.sidebar.image('../img/logo.png', width=150)
+# sc[1].write("  ")
+# st.sidebar.markdown("Generate images from text")
+
+st.sidebar.markdown("""
+<style>
+.aligncenter {
+    text-align: center;
+}
+</style>
+<p class="aligncenter">
+    <img src="https://raw.githubusercontent.com/borisdayma/dalle-mini/main/img/logo.png"/>
+</p>
+""", unsafe_allow_html=True)
 st.sidebar.markdown("""
-##### Dall-E Mini
 ___
 Dall-E Mini is an AI model that generates images from any prompt you give it!