[FIX] web_editor: adjust codeview button placement

Move the codeview button to avoid conflict with the Translate button.

task-2637488

Part-of: odoo/odoo#83792

addons/web/static/src/legacy/scss/form_view.scss

@@ -686,14 +686,18 @@ $o-form-label-margin-right: 0px;
 
     // Translate icon
     span.o_field_translate {
-            padding: 0 $o-form-spacing-unit 0 0 !important;
-            vertical-align: top;
-            position: relative;
-            margin-left: -35px;
-            width: 35px !important; // important is usefull for textarea
-            display: inline-block;
-            text-align: right;
-            border: none;  // usefull for textarea
+        padding: 0 $o-form-spacing-unit 0 0 !important;
+        vertical-align: top;
+        position: relative;
+        margin-left: -35px;
+        width: 35px !important; // important is useful for textarea
+        display: inline-block;
+        text-align: right;
+        border: none;  // usefull for textarea
+        background-color: rgba($o-view-background-color, 0.8); // useful in code view
+        &:hover {
+            background-color: $o-view-background-color
+        }
     }
     input, textarea {
         &.o_field_translate {

addons/web_editor/static/src/scss/web_editor.backend.scss

@@ -3,7 +3,7 @@
     word-wrap: break-word;
     overflow: hidden;
 
-    .odoo-editor #codeview-btn-group {
+    #codeview-btn-group {
         position: absolute;
         top: 0;
         right: 0;