DevTools: Get rid of CSS hackery in CanvasProfiler.

Source/devtools/front_end/canvasProfiler.css

 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 24 matching lines @@
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
 }
 
 #canvas-replay-image-container {
     text-align: center;
     background-color: black;
     overflow: hidden;
-    padding: 5px 5px 10px 5px;
+    padding: 0;
     color: white;
 }
 
-.canvas-replay-image {
-    zoom: 100;
-    height: auto;
-    width: auto;
-    max-width: 100%;
-    max-height: 100%;
-    margin: auto;
-    display: block;
+.canvas-replay-image-parent {
+    position: absolute;
+    top: 5px;
+    left: 5px;
+    right: 5px;
+    bottom: 10px;
+}
+
+.canvas-replay-image-parent > span {
+    display: inline-block;
+    height: 100%;
+    vertical-align: middle;
+}
+
+.canvas-replay-image-parent > img {
+    vertical-align: middle;
 }
 
 .canvas-debug-info {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 6px;
 }
 
 .canvas-profile-view .spinner-icon {
@@ skipping 118 matching lines @@
 
 @-webkit-keyframes fadeout-odd {
     from { background-color: rgb(255, 255, 25); }
     to { background-color: rgb(255, 255, 175); }
 }
 
 @-webkit-keyframes fadeout-even {
     from { background-color: rgb(255, 255, 25); }
     to { background-color: rgb(235, 235, 120); }
 }