Print Preview: Fixing print header alignment, "Preview loading..." spacing and animation

chrome/browser/resources/print_preview.css

 html {
   height: 100%;
 }
 
 body {
   background: white;
   display: -webkit-box;
   height: 100%;
   margin: 0;
   overflow: hidden;
@@ skipping 98 matching lines @@
   -webkit-padding-start: 118px;
   font-size: 13px;
   line-height: 22px;
   margin-top: 10px;
   margin-bottom: 10px;
   max-width: 616px;
   position: relative;
 }
 
 #print-header {
-  -webkit-padding-end: 16px;
+  -webkit-padding-start: 16px;
   font-size: 13px;
   line-height: 22px;
   margin-bottom: 10px;
   margin-top: 10px;
   max-width: 616px;
   position: relative;
-  text-align: center;
 }
 
 p {
   -webkit-line-box-contain: block;
   margin: 0;
   margin-bottom: 10px;
 }
 
 h1 {
   color: #808080;
@@ skipping 492 matching lines @@
 }
 
 @font-face {
   font-family: 'Open Sans';
   font-weight: bold;
   src: url(_fonts/OpenSans-Bold.ttf);
 }
 
 #mainview {
   -webkit-box-flex: 1;
+  -webkit-user-select: none;
   background-color: #ccc;
   position: relative;
 }
 
 #pdf-viewer {
   height: 100%;
   width: 100%;
 }
 
 #no-plugin {
@@ skipping 31 matching lines @@
   top: 50%;
   width: 50%;
 }
 
 html[dir='rtl'] .messages {
   right: 25%;
 }
 
 @-webkit-keyframes dancing-dots-jump {
   0% { top: 0; }
-  35% { top: 0; }
+  55% { top: 0; }
   60% { top: -10px; }
   80% { top: 3px; }
   90% { top: -2px; }
   95% { top: 1px; }
   100% { top: 0; }
 }
 
+#loading {
+  -webkit-margin-end: -3px;
+}
+
 #dancing-dots-text span span {
   -webkit-animation-duration: 1800ms;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-name: dancing-dots-jump;
   padding: 1px;
   position: relative;
 }
 
 #dancing-dots-text span span:nth-child(2) {
   -webkit-animation-delay: 100ms;
 }
 
 #dancing-dots-text span span:nth-child(3) {
   -webkit-animation-delay: 300ms;
 }
 
 #two-sided-div {
   margin-top: 10px;
 }
 
 input[disabled] + label {
   color: gray;
 }