Index: gc_lang/fr/webext/panel/main.css ================================================================== --- gc_lang/fr/webext/panel/main.css +++ gc_lang/fr/webext/panel/main.css @@ -76,16 +76,16 @@ /* Main classes */ html { box-sizing: border-box; - width: 400px; + width: 450px; height: 500px; font-family: "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif; } body { - width: 400px; + width: 450px; height: 500px; } /* Maximal height of a panel in WebExtention seems to be 500px. When going over this limit, a scrollbar appears which destructs the @@ -99,37 +99,41 @@ background-color: hsl(210, 0%, 100%); min-height: 100%; } #menu { - width: 50px; + width: 100px; border-right: solid 1px hsl(210, 0%, 70%); background-color: hsl(210, 10%, 96%); color: hsl(210, 10%, 96%); } #logo { padding: 10px; + text-align: center; } -#menu li { +#menu .select_block { + min-width: 100px; padding: 10px 0; border-bottom: 1px solid hsl(210, 10%, 90%); text-align: center; cursor: pointer; color: hsl(210, 10%, 50%); - list-style-type: none; font-size: 20px; } -#menu li:hover { +#menu .select_block:hover { background-color: hsl(210, 10%, 92%); color: hsl(210, 80%, 50%); text-shadow: 0px 0px 1px hsl(210, 100%, 70%); } - +.select_label { + font-size: 12px; + font-variant-caps: small-caps; +} #page { background-color: hsl(210, 0%, 100%); - min-width: calc(100% - 51px); + min-width: calc(100% - 101px); height: 500px; overflow: auto; } #page h1 { margin: 0 0 10px 0; Index: gc_lang/fr/webext/panel/main.html ================================================================== --- gc_lang/fr/webext/panel/main.html +++ gc_lang/fr/webext/panel/main.html @@ -14,15 +14,30 @@