Update app.py

app.py

@@ -39,23 +39,15 @@ def respond(message, history):
         response = vq.submit_query(message)
         yield response
 
-cfg.title = f'''<h1 style="text-align: center;">{cfg.title}</h1>'''
-
-# cfg.description = f'''<img src="https://github.com/david-oplatka/chatbot-streamlit/blob/main/Vectara-logo.png?raw=true" style="float:left; width:240px; height:60px">
-#                         <center> <h2>{cfg.description}</h2>
-#                         <br>
-#                         This demo uses Retrieval Augmented Generation to ask questions about {cfg.source_data_desc}</center>'''
-
-cfg.description = f'''
-<div style="position: relative; text-align: center; padding: 20px 0;">
-    <img src="https://github.com/david-oplatka/chatbot-streamlit/blob/main/Vectara-logo.png?raw=true" 
-         style="position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 240px; height: 60px;">
-    <div style="margin: 0 auto; max-width: 600px;">
-        <h2>{cfg.description}</h2>
-        <p>This demo uses Retrieval Augmented Generation to ask questions about {cfg.source_data_desc}</p>
-    </div>
-</div>
-'''
+cfg.title = f'''<img src="https://github.com/david-oplatka/chatbot-streamlit/blob/main/Vectara-logo.png?raw=true" style="float:left; width:240px; height:60px">
+                <br>
+                <h1 style="text-align: center;">{cfg.title}</h1>
+                '''
+
+cfg.description = f'''<center> <h2>{cfg.description}</h2>
+                      <br>
+                      This demo uses Retrieval Augmented Generation to ask questions about {cfg.source_data_desc}</center>
+                      '''
 
 demo = gr.ChatInterface(respond, title = cfg.title, description = cfg.description, chatbot = gr.Chatbot(value = [[None, "How may I help you?"]], scale=3))