Index: gc_lang/fr/webext/content_scripts/panel.css ================================================================== --- gc_lang/fr/webext/content_scripts/panel.css +++ gc_lang/fr/webext/content_scripts/panel.css @@ -136,33 +136,33 @@ Spinner */ div.grammalecte_spinner { visibility: hidden; box-sizing: border-box; - width: 40px; - height: 40px; + width: 30px; + height: 30px; position: absolute; top: 2px; - right: 200px; - background-color: hsla(210, 100%, 30%, .1); - border: 3px solid hsla(210, 100%, 30%, .1); - border-top: 3px solid hsla(210, 100%, 50%, .8); + left: 190px; + background-color: hsla(0, 100%, 30%, .5); + border: 3px solid hsla(0, 100%, 30%, .5); + border-top: 3px solid hsla(0, 100%, 50%, .9); border-radius: 50%; text-align: center; cursor: pointer; - box-shadow: 0 0 0 0 hsla(210, 80%, 50%, .5); + box-shadow: 0 0 0 0 hsla(0, 80%, 50%, .7); animation: grammalecte-spin-big 2s linear infinite; } @keyframes grammalecte-spin-big { 0% { transform: rotate(0deg) scale(1); } 50% { - transform: rotate(180deg) scale(.9); - box-shadow: 0 0 0 10px hsla(210, 50%, 50%, 0); + transform: rotate(180deg) scale(.95); + box-shadow: 0 0 0 10px hsla(0, 50%, 50%, 0); } 100% { transform: rotate(360deg) scale(1); - box-shadow: 0 0 0 0 hsla(210, 50%, 50%, 0); + box-shadow: 0 0 0 0 hsla(0, 50%, 50%, 0); } }