[MD settings] OnStartup settings layout closer to mocks

chrome/browser/resources/settings/settings_shared.css

Index: chrome/browser/resources/settings/settings_shared.css
diff --git a/chrome/browser/resources/settings/settings_shared.css b/chrome/browser/resources/settings/settings_shared.css
index 182bc6253dbdfdd2c4ce6c0ba3a44d160ed69650..96184f7e624351eb943a6e1513de74ef6820fbc0 100644
--- a/chrome/browser/resources/settings/settings_shared.css
+++ b/chrome/browser/resources/settings/settings_shared.css
@@ -16,6 +16,12 @@ paper-button[toggles][active] {
   background-color: LightGray;
 }
 
+.text-elide {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 h2 {
   color: #9e9e9e;
   font-size: 100%;
@@ -43,7 +49,7 @@ h2 {
 .list-item {
   @apply(--layout-center);
   border-top: 1px solid #e0e0e0;
-  display: block;
+  display: flex;
   padding: 0;
 }
 
@@ -51,6 +57,17 @@ h2 {
   border-top: none;
 }
 
+.list-item .middle {
+  flex: 1;
+  margin: 8px 12px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.list-item .secondary {
+  color: #969696;
+}
+
 .list-item > paper-icon-item {
   padding: 0;
 }