[CCA] Make mode-item border fully rounded.

Bug: 1012933
Test: For all modes, the border of button and focus ring are fully rounded.
Change-Id: I9ab3cd96b5736d0c3c8133444429e7c8f057f9d2
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1949835
Commit-Queue: Kuo Jen Wei <inker@chromium.org>
Commit-Queue: Shik Chen <shik@chromium.org>
Reviewed-by: Shik Chen <shik@chromium.org>
Auto-Submit: Kuo Jen Wei <inker@chromium.org>
Cr-Commit-Position: refs/heads/master@{#721920}

chrome/browser/resources/chromeos/camera/src/css/main.css

@@ -233,7 +233,7 @@ body.playing-result-video #play-result-video {
 }
 
 div.mode-item>span {
-  border-radius: 13px / 50%;
+  border-radius: 16px/50%;
   color: white;
   display: inline-block;
   font-family: 'Roboto', sans-serif;
@@ -274,7 +274,7 @@ body.tab-navigation .mode-item>input:focus::after {
 
 body.tab-navigation .mode-item>input:focus + span::after {
   border: 2px solid rgba(37, 129, 223, 0.7);
-  border-radius: 20px/50%;
+  border-radius: 23px/50%;
   bottom: -7px;
   content: '';
   left: -7px;