DOMUI Prefs: Fix the way recent page rows are sized and truncated.

chrome/browser/resources/options/add_startup_page_overlay.css

Index: chrome/browser/resources/options/add_startup_page_overlay.css
diff --git a/chrome/browser/resources/options/add_startup_page_overlay.css b/chrome/browser/resources/options/add_startup_page_overlay.css
index 7929ba15a81ba228070af03c14f005334ca5474e..392a60dc866cdcff15b7eb6532b475031fbebe14 100644
--- a/chrome/browser/resources/options/add_startup_page_overlay.css
+++ b/chrome/browser/resources/options/add_startup_page_overlay.css
@@ -23,15 +23,27 @@
   height: 320px;
 }
 
-#addStartupRecentPageList .url {
-  display: none;
+#addStartupRecentPageList .vertical-center {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+  white-space: nowrap;
   color: hsl(0, 0%, 70%);
+}
+
+#addStartupRecentPageList .title {
+  box-sizing: border-box;
+  color: black;
+  display: inline-block;
+  max-width: 100%;
+}
+
+#addStartupRecentPageList .url {
   -webkit-padding-start: 3ex;
 }
 
-#addStartupRecentPageList > :hover > .url,
-#addStartupRecentPageList > [selected] > .url {
-  display: inline;
+#addStartupRecentPageList > :not(:hover):not([selected]) > .url,
+  display: none;
 }
 
 #addStartupPageOverlay .action-area {