options: temporarily fix text rendering bug in overlays.

ui/webui/resources/css/overlay.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 /* The shield that overlays the background. */
 .overlay {
   -webkit-box-align: center;
   -webkit-box-orient: vertical;
   -webkit-box-pack: center;
   -webkit-transition: 200ms opacity;
@@ skipping 12 matching lines @@
 .overlay.transparent .page {
   /* TODO(flackr): Add perspective(500px) rotateX(5deg) when accelerated
    * compositing is enabled on chrome:// pages. See http://crbug.com/116800. */
   -webkit-transform: scale(0.99) translateY(-20px);
 }
 
 /* The foreground dialog. */
 .overlay .page {
   -webkit-border-radius: 3px;
   -webkit-box-orient: vertical;
+  -webkit-perspective: 1px;

[reveman, 2014/05/19 21:50:25]

hm, I think this needs to be on the container. does it work if you move this to
.overlay?

[Dan Beam, 2014/05/19 21:59:22]

Done. (that works!)

   -webkit-transition: 200ms -webkit-transform;
   background: white;
   box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
   color: #333;
   display: -webkit-box;
   min-width: 400px;
   padding: 0;
   position: relative;
   z-index: 0;
 }
@@ skipping 127 matching lines @@
 
 .gray-bottom-bar {
   background-color: #f5f5f5;
   border-color: #e7e7e7;
   border-top-style: solid;
   border-width: 1px;
   color: #888;
   display: -webkit-box;
   padding: 14px 17px;
 }