CCA: Fix resolution menu item left/right padding

Bug: 1123750
Test: Manually
Change-Id: Ic690c74ebab88563d98ae753213ab25e3d763435
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2425687
Auto-Submit: Inker Kuo <inker@chromium.org>
Reviewed-by: Shik Chen <shik@chromium.org>
Commit-Queue: Inker Kuo <inker@chromium.org>
Cr-Commit-Position: refs/heads/master@{#810034}

chromeos/components/camera_app_ui/resources/src/css/main.css

@@ -1203,7 +1203,6 @@ body:not(.recording-ui-paused) #record-time [i18n-content=record_video_paused_ms
   font-size: 13px;
   height: 64px;
   justify-content: flex-start;
-  padding: 0 20px 0 24px;
   text-align: left;
 }
 
@@ -1255,23 +1254,24 @@ label.menu-item.animate::before {
   }
 }
 
-.menu-item.resol-item {
-  padding-left: 60px;
+.menu-item {
+  padding-left: 32px;
 }
 
 .menu-header {
   color: white;
   font-size: 20px;
   height: 72px;
+  padding-left: 16px;
 }
 
-.menu-header .icon,
-.menu-item .icon {
-  margin-right: 6px;
+.menu-item.resol-item {
+  padding-left: 64px;
 }
 
-.menu-item .end {
+.menu-item .icon.end {
   margin-left: auto;
+  margin-right: 16px;
 }
 
 .menu-item .description {