Update app.py

app.py

@@ -38,15 +38,25 @@ def respond(message, history):
         yield response
 
 
+# cfg.description = f'''
+#                 <table>
+#                   <tr>
+#                     <td style="width: 33%; vertical-align: top;"> <img src="https://github.com/david-oplatka/chatbot-streamlit/blob/main/Vectara-logo.png?raw=true"> </td>
+#                     <td style="width: 34%; vertical-align: middle;"> <h1>{cfg.title}</h1> </td>
+#                     <td style="width: 33%; vertical-align: bottom; text-align: left"> This demo uses Retrieval Augmented Generation from <a href="https://vectara.com/">Vectara</a><br>to ask questions about {cfg.source_data_desc}. </td>
+#                   </tr>
+#                 </table>
+#                 <center> <h2>{cfg.description}</h2></center>
+#                 '''
+
 cfg.description = f'''
                 <table>
                   <tr>
-                    <td style="width: 33%; vertical-align: top;"> <img src="https://github.com/david-oplatka/chatbot-streamlit/blob/main/Vectara-logo.png?raw=true"> </td>
-                    <td style="width: 34%; vertical-align: middle;"> <h1>{cfg.title}</h1> </td>
-                    <td style="width: 33%; vertical-align: bottom; text-align: left"> This demo uses Retrieval Augmented Generation from <a href="https://vectara.com/">Vectara</a><br>to ask questions about {cfg.source_data_desc}. </td>
+                      <td style="width: 34%; vertical-align: middle; align: left"> <h1>{cfg.title}</h1> </td>
+                      <td style="width: 33%; vertical-align: top; align: right"> <img src="https://github.com/david-oplatka/chatbot-streamlit/blob/main/Vectara-logo.png?raw=true"> </td>
                   </tr>
                 </table>
-                <center> <h2>{cfg.description}</h2></center>
+                This demo uses Retrieval Augmented Generation from <a href="https://vectara.com/">Vectara</a><br>to ask questions about {cfg.source_data_desc}.
                 '''
 
 css = """