UI changes to support syncing foreign sessions. Changes were largely made to ...

chrome/browser/resources/new_new_tab.css

 html {
   /* This is needed because of chrome://theme/css/new_tab.css */
   height: 100%;
 }
 
 body {
   margin: 0;
   height: 100%;
   overflow: auto;
   -webkit-user-select: none;
@@ skipping 185 matching lines @@
                                to(rgb(228, 229, 240)));
   width: auto;
   max-width: 300px;
 }
 
 .hbox {
   display: -webkit-box;
   -webkit-box-orient: horizontal;
 }
 
+.foreign-session-client {
+  float: left;
+  max-width: 114px; /* Selected so that we can fit 5 items in EN-US */
+  font-weight: normal;
+  margin: 0;
+  position: relative;
+}
+
+html[dir=rtl] .foreign-session-client {
+  float: right;
+}
+
+.foreign-session-client > p  {
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 100%;
+  margin: 0 10px;
+}
+
+#foreign-sessions .nav {
+  max-width: none !important;
+}
+
+.nav > a {
+  /* no icon */
+  padding: 0;
+}
+
+.nav > a:after {
+  content: '\u00bb'; /* raque gets flipped automatically in rtl */
+  font-size: 115%;
+  -webkit-padding-start: 2px;
+}
+
 #sync-status > div {
   border-radius: 6px;
   padding: 5px 0;
   margin: 10px 0 20px;
   white-space: nowrap;
   overflow-x: hidden;
 }
 
 #sync-status > div > * {
   display: inline-block;
@@ skipping 262 matching lines @@
   }
 }
 
 /* Ensure we have at least 10px horizontal marging. */
 @media (max-width: 712px) {
   #main {
     margin-left: 10px;
     margin-right: 10px;
   }
 }