Fixed time picker columns being misaligned in HC.

Prior to this change the time columns were misaligned by 1px in HC.
This CL updates the style so that the same layout is going to be
provided for both HC and non-HC.

Note that the background and border colors for time cell are going to be
updated in a future CL.

Bug: 1024483
Change-Id: Ic490f82ee03885ad6f3574d74ed235793fb8f8fa
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1929984
Reviewed-by: Mason Freed <masonfreed@chromium.org>
Commit-Queue: Ionel Popescu <iopopesc@microsoft.com>
Cr-Commit-Position: refs/heads/master@{#718215}

third_party/blink/renderer/core/html/forms/resources/time_picker.css

@@ -40,32 +40,28 @@ body {
 }
 
 .time-cell {
-  border: 1px solid transparent;
+  border: 2px solid transparent;
+  border-radius: 2px;
   color: #101010;
   font-size: 14px;
   height: 32px;
   line-height: 32px;
-  margin: 1px;
-  scroll-margin: 1px;
   scroll-snap-align: start;
   text-align: center;
   width: 48px;
 }
 
 .time-cell:hover {
   background: #E5E5E5;
-  border-radius: 2px;
 }
 
 .time-cell.selected {
   background-color: #CECECE;
-  border-radius: 2px;
   font-weight: bold;
 }
 
 .time-column:focus .time-cell.selected {
-  outline: auto 1px -webkit-focus-ring-color;
-  outline-offset: 0px;
+  border-color: highlight;
 }
 
 .submission-controls {
@@ -74,7 +70,7 @@ body {
   bottom: 0px;
   display: flex;
   flex-direction: row;
-  height: 41px;
+  height: 40px;
   position: absolute;
   width: 100%;
 }
@@ -86,7 +82,8 @@ body {
 
 .submission-button {
   background-color: #FFFFFF;
-  border: 1px solid white;
+  border: 2px solid transparent;
+  border-radius: 2px;
   height: 32px;
   margin: 4px;
   padding: 8px;
@@ -95,15 +92,18 @@ body {
 
 .submission-button:hover {
   background-color: #E5E5E5;
-  border-radius: 2px;
+}
+
+.submission-button:focus {
+  border-color: highlight;
+  outline: none;
 }
 
 @media (forced-colors: active) {
   .time-cell {
     background-color: Window;
     color: WindowText;
     forced-color-adjust: none;
-    scroll-margin: 0px;
   }
 
   .time-cell:hover {
@@ -117,14 +117,11 @@ body {
   }
 
   .time-column:focus .time-cell.selected {
-    border: 2px solid WindowText;
-    margin: 0px;
-    outline: none;
+    border-color: WindowText;
   }
 
   .submission-button {
     background-color: Window;
-    border-color: transparent;
     forced-color-adjust: none;
   }
 
@@ -134,7 +131,7 @@ body {
   }
 
   .submission-button:focus {
-    outline-color: WindowText;
+    border-color: WindowText;
   }
 
   .submission-button path {