Merge pull request #1338 from internetarchive/webdev-5079/fix/make-visual-adjustment-text-consistent

Rephrase visual adjustment text to improve consistency

Author: rebecca-shoptaw

src/BookNavigator/visual-adjustments/visual-adjustments-provider.js

@@ -20,11 +20,11 @@ const visualAdjustmentOptions = [{
   value: 100,
 }, {
   id: 'invert',
-  name: 'Inverted colors (dark mode)',
+  name: 'Invert colors (dark mode)',
   active: false,
 }, {
   id: 'grayscale',
-  name: 'Grayscale',
+  name: 'Convert to grayscale',
   active: false,
 }];
 

src/BookNavigator/visual-adjustments/visual-adjustments.js

@@ -157,7 +157,7 @@ export class IABookVisualAdjustments extends LitElement {
 
   get zoomControls() {
     return html`
-      <h4>Zoom</h4>
+      <h4>Adjust zoom</h4>
       <button class="zoom_out" @click=${this.emitZoomOut} title="zoom out">
         <ia-icon-magnify-minus></ia-icon-magnify-minus>
       </button>

tests/jest/BookNavigator/visual-adjustments.test.js

@@ -16,7 +16,7 @@ const options = [{
   value: 100,
 }, {
   id: 'invert',
-  name: 'Invert colors',
+  name: 'Invert colors (dark mode)',
   active: false,
 }, {
   id: 'brightness',