Index: gc_lang/fr/webext/content_scripts/content_panels.css ================================================================== --- gc_lang/fr/webext/content_scripts/content_panels.css +++ gc_lang/fr/webext/content_scripts/content_panels.css @@ -42,12 +42,12 @@ .grammalecte_panel { padding: 0; margin: 0; position: fixed; z-index: 100; - border: 10px solid hsl(210, 0%, 0%); - border-radius: 10px; + border: 2px solid hsl(210, 0%, 50%); + border-radius: 10px 10px 10px 10px; background-color: hsl(210, 20%, 100%); color: hsl(210, 10%, 4%); font-family: "Trebuchet MS", "Liberation Sans", sans-serif; box-shadow: 0 0 4px 2px hsl(210, 0%, 50%); } @@ -54,10 +54,11 @@ .grammalecte_panel_bar { position: sticky; width: 100%; background-color: hsl(210, 0%, 90%); + border-radius: 10px 10px 0 0; border-bottom: 1px solid hsl(210, 10%, 80%); font-size: 20px; } .grammalecte_panel_title { padding: 10px 20px; @@ -84,10 +85,11 @@ background-color: hsl(180, 100%, 60%); } .grammalecte_close_button { display: inline-block; padding: 2px 10px; + border-radius: 0 8px 0 0; background-color: hsl(0, 80%, 50%); font-size: 22px; font-weight: bold; color: hsl(210, 0%, 100%); text-align: center; @@ -96,11 +98,11 @@ .grammalecte_close_button:hover { background-color: hsl(0, 100%, 60%); } .grammalecte_panel_content { - height: calc(100% - 60px); /* panel height - title_bar */ + height: calc(100% - 65px); /* panel height - title_bar */ overflow: auto; } /* @@ -110,11 +112,11 @@ padding: 5px; font-size: 13px; } .grammalecte_lxg_list_of_tokens { - margin: 10px 0; + margin: 5px 0 10px 0; padding: 10px; background-color: hsla(0, 0%, 96%, 1); border-radius: 2px; } .grammalecte_lxg_list_of_tokens .num {