Update app.py

app.py

@@ -94,7 +94,11 @@ description = """
 Ainsi puis-je dire de notre langue, qui commence encore à fleurir sans fructifier, ou plutôt, comme une plante et vergette, n’a point encore fleuri, tant s’en faut qu’elle ait apporté tout le fruit qu’elle pourrait bien produire. Cela certainement non pour le défaut de la nature d’elle, aussi apte à engendrer que les autres, mais pour la coulpe de ceux qui l’ont eue en garde, et ne l’ont cultivée à suffisance, mais comme une plante sauvage, en celui même désert où elle avait commencé à naître, sans jamais l’arroser, la tailler, ni défendre des ronces et épines qui lui faisaient ombre, l’ont laissée envieillir et quasi mourir.
 </i>
 </p>
+<p style='text-align: right;'>
+- Joachim du Bellay, La Défense et illustration de la langue française (1549)
+</p>
 """
+
 list_dropdown = [
     '',
     'Proust',
@@ -207,15 +211,27 @@ def update_explanation(choice):
             image_html = "<p style='text-align: center;'>Aucune image disponible.</p>"
     return explanation_text, image_html
 
+# Custom CSS
+custom_css = """
+.panel-description {
+    padding: 20px; /* Adjust the padding as needed */
+}
+/* Styling for the dropdown menu on hover */
+#dropdown-menu option:hover {
+    background-color: black; /* Background color when hovered */
+    color: white; /* Text color when hovered */
+}
+"""
+    
 # Define the Gradio interface using Blocks
-with gr.Blocks(theme = 'carlosrosash/bellay_test') as demo:
+with gr.Blocks(css=custom_css, theme = 'carlosrosash/bellay_test') as demo:
     gr.Markdown(title)
-    with gr.Column(variant = 'panel'):
+    with gr.Column(variant = 'panel', elem_classes =['panel-description']):
         gr.Markdown(description)
 
     # Define the column for dropdown, explanation, and image
     with gr.Row(variant = 'panel'):
-        dropdown = gr.Dropdown(list_dropdown, label="Choisissez un artiste ou un style d'écriture")
+        dropdown = gr.Dropdown(list_dropdown, label="Choisissez un artiste ou un style d'écriture", elem_id='dropdown-menu')
         explanation_box = gr.Textbox(label="Explication", type="text", lines=5, interactive=False)
         explanation_image = gr.HTML(label="Image")
         dropdown.change(update_explanation, inputs=dropdown, outputs=[explanation_box, explanation_image])