Make input boxes on history and downloads look nice.

Also clean up some unnecessary complexity in history HTML, and
move history-specific CSS from old_webui.css to history.css.

BUG=None.
TEST=Manual test of functionality on history and downloads pages.

Review URL: http://codereview.chromium.org/8772046

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@113056 0039d316-1c4b-4281-b951-d872f2087c98

chrome/browser/resources/downloads.html

@@ -6,6 +6,7 @@
 <link rel="icon" href="../../app/theme/downloads_favicon.png">
 <link rel="stylesheet" href="old_webui.css">
 <link rel="stylesheet" href="shared/css/button.css">
+<link rel="stylesheet" href="shared/css/chrome_shared.css">
 <style>
 
 #downloads-summary {

chrome/browser/resources/history.css

@@ -3,24 +3,16 @@
  * found in the LICENSE file.
  */
 
-#results-separator {
+#results-summary {
   border-top: 1px solid rgb(156, 194, 239);
   background-color: rgb(235, 239, 249);
   font-weight: bold;
   padding: 3px;
   margin-bottom: -8px;
   margin-top: 12px;
-}
-
-#results-separator table {
-  width: 100%;
-}
-
-#results-summary {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  width: 50%;
 }
 
 #editing-controls button {
@@ -230,3 +222,9 @@ html[dir='rtl'] .entry .title {
   -webkit-transition: opacity 200ms;
   opacity: 0;
 }
+
+.page-navigation {
+  -webkit-margin-end: 4px;
+  background-color: rgb(235, 239, 249);
+  padding: 8px;
+}

chrome/browser/resources/history.html

@@ -23,6 +23,7 @@
 <script src="chrome://history/history.js"></script>
 <script src="chrome://history/strings.js"></script>
 
+<link rel="stylesheet" href="shared/css/chrome_shared.css">
 <link rel="stylesheet" href="old_webui.css">
 <link rel="stylesheet" href="history.css">
 </head>
@@ -37,11 +38,7 @@
   </form>
 </div>
 <div class="main">
-  <div id="results-separator">
-    <table border="0" cellPadding="0" cellSpacing="0">
-      <tr><td id="results-summary"></td><td id="edit-button"><p></p></td></tr>
-    </table>
-  </div>
+  <div id="results-summary"></div>
   <div id="editing-controls">
     <button id="clear-browsing-data" i18n-content="clearallhistory"></button>
     <button id="remove-selected"

chrome/browser/resources/old_webui.css

@@ -8,8 +8,6 @@
  */
 
 body {
-  background-color: white;
-  color: black;
   margin: 10px 10px 34px 10px;
 }
 
@@ -32,9 +30,3 @@ html[dir='rtl'] .form {
   float: left;
   margin-top: 22px;
 }
-
-.page-navigation {
-  -webkit-margin-end: 4px;
-  background-color: #ebeff9;
-  padding: 8px;
-}