Fix css adjustments for ongoing print jobs

- Adjusts the size of the progress bar to align with completion status.

Before: https://screenshot.googleplex.com/X7Nk5EoM2Yq
After: https://screenshot.googleplex.com/izGd9Kcvwvj

Bug: 1053704
Change-Id: I8d11d84596675fb1ea1b44d3c812e665671a7cad
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2252954
Commit-Queue: jimmy gong <jimmyxgong@chromium.org>
Commit-Queue: Kyle Horimoto <khorimoto@chromium.org>
Auto-Submit: jimmy gong <jimmyxgong@chromium.org>
Reviewed-by: Kyle Horimoto <khorimoto@chromium.org>
Cr-Commit-Position: refs/heads/master@{#780073}

chromeos/components/print_management/resources/print_job_entry.html

@@ -13,6 +13,7 @@
 
   #cancelPrintJobButton {
     margin-inline-start: 4px;
+    padding-bottom: 2px;
   }
 
   #fileIcon {
@@ -25,14 +26,9 @@
     margin-inline-end: 16px;
   }
 
-  #printProgress {
-    margin-top: 0px;
-  }
-
   paper-progress {
     --paper-progress-active-color: var(--google-blue-600);
     --paper-progress-container-color: rgba(var(--google-blue-600-rgb), .24);
-    margin-top: 5px;
     width: 72px;
   }
 </style>
@@ -66,7 +62,8 @@
     </template>
 
     <template is="dom-if" if="[[!isCompletedPrintJob_(jobEntry)]]" restamp>
-      <div id="activeStatusContainer" class="padded-left flex-center"
+      <div id="activeStatusContainer"
+          class="medium-text padded-left flex-center"
           aria-hidden="true">
         <div id="numericalProgress">[[readableProgress_]]</div>
         <paper-progress