[CCA] Remove circle class name on wrong element.

Test: Test tab navigation behavior manually.
Bug: None
Change-Id: Ifa963b2f234017357f1dcb61be726a2e2c421fbc
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1905036
Commit-Queue: Kuo Jen Wei <inker@chromium.org>
Auto-Submit: Kuo Jen Wei <inker@chromium.org>
Reviewed-by: Shik Chen <shik@chromium.org>
Cr-Commit-Position: refs/heads/master@{#713748}

chrome/browser/resources/chromeos/camera/src/views/main.html

@@ -201,7 +201,7 @@
           <button class="icon" tabindex="0" i18n-aria="back_button"></button>
           <div i18n-content="settings_button"></div>
         </div>
-        <button class="menu-item circle" id="settings-gridtype" tabindex="0"
+        <button class="menu-item" id="settings-gridtype" tabindex="0"
                 aria-describedby="gridtype-desc">
           <div class="icon"></div>
           <div>
@@ -214,7 +214,7 @@
           </div>
           <div class="icon end"></div>
         </button>
-        <button class="menu-item circle" id="settings-timerdur" tabindex="0"
+        <button class="menu-item" id="settings-timerdur" tabindex="0"
                 aria-describedby="timerdur-desc">
           <div class="icon"></div>
           <div>
@@ -226,23 +226,23 @@
           </div>
           <div class="icon end"></div>
         </button>
-        <button class="menu-item circle" id="settings-resolution" tabindex="0">
+        <button class="menu-item" id="settings-resolution" tabindex="0">
           <div class="icon"></div>
           <div i18n-content="camera_resolution_button">
           </div>
           <div class="icon end"></div>
         </button>
-        <button class="menu-item circle" id="settings-expert" tabindex="0">
+        <button class="menu-item" id="settings-expert" tabindex="0">
           <div class="icon"></div>
           <div i18n-content="expert_mode_button">
           </div>
           <div class="icon end"></div>
         </button>
-        <button class="menu-item circle" id="settings-feedback" tabindex="0">
+        <button class="menu-item" id="settings-feedback" tabindex="0">
           <div class="icon"></div>
           <div i18n-content="feedback_button"></div>
         </button>
-        <button class="menu-item circle" id="settings-help" tabindex="0">
+        <button class="menu-item" id="settings-help" tabindex="0">
           <div class="icon"></div>
           <div i18n-content="help_button"></div>
         </button>
@@ -298,7 +298,7 @@
         </div>
         <div id="builtin-photo-header" class="menu-item"
           i18n-content="label_switch_take_photo_button"></div>
-        <button class="menu-item resol-item circle"
+        <button class="menu-item resol-item"
                 id="settings-front-photores" tabindex="0"
                 aria-describedby="front-photores-desc">
           <div>
@@ -310,7 +310,7 @@
           </div>
           <div class="icon end"></div>
         </button>
-        <button class="menu-item resol-item circle"
+        <button class="menu-item resol-item"
                 id="settings-back-photores" tabindex="0"
                 aria-describedby="back-photores-desc">
           <div>
@@ -323,7 +323,7 @@
         </button>
         <div id="builtin-video-header" class="menu-item"
           i18n-content="label_switch_record_video_button"></div>
-        <button class="menu-item resol-item circle"
+        <button class="menu-item resol-item"
                 id="settings-front-videores" tabindex="0"
                 aria-describedby="front-videores-desc">
           <div>
@@ -334,7 +334,7 @@
           </div>
           <div class="icon end"></div>
         </button>
-        <button class="menu-item resol-item circle"
+        <button class="menu-item resol-item"
                 id="settings-back-videores" tabindex="0"
                 aria-describedby="back-videores-desc">
           <div>
@@ -369,13 +369,13 @@
           <button class="icon" tabindex="0" i18n-aria="back_button"></button>
           <div i18n-content="expert_mode_button"></div>
         </div>
-        <label class="menu-item circle" for="expert-show-metadata">
+        <label class="menu-item" for="expert-show-metadata">
           <input class="icon" id="expert-show-metadata" type="checkbox"
                  tabindex="0" data-state="show-metadata"
                  data-key="showMetadata">
           <span i18n-content="expert_preview_metadata"></span>
         </label>
-        <label class="menu-item circle" for="expert-save-metadata">
+        <label class="menu-item" for="expert-save-metadata">
           <input class="icon" id="expert-save-metadata" type="checkbox"
                  tabindex="0" data-state="save-metadata"
                  data-key="saveMetadata">
@@ -444,7 +444,7 @@
           </div>
           <div class="icon end"></div>
         </button>
-        <button class="menu-item resol-item circle external-camera"
+        <button class="menu-item resol-item external-camera"
               tabindex="0">
           <div>
             <div i18n-content="video_resolution_button"></div>