Improve UI of Chromoting client UI to select available hosts.

remoting/client/extension/main.css

Index: remoting/client/extension/main.css
diff --git a/remoting/client/extension/main.css b/remoting/client/extension/main.css
new file mode 100644
index 0000000000000000000000000000000000000000..d375107edf17d459df91865ec415d86302ecd360
--- /dev/null
+++ b/remoting/client/extension/main.css
@@ -0,0 +1,98 @@
+body {
+  width: 500px;
+  overflow: hidden;
+  scrollbars: no;
+}
+
+p {
+  color: black;
+}
+
+h1 {
+  font-family: sans-serif;
+  font-size: 2em;
+  font-weight: bold;
+  margin: 2px 5px 5px 5px
+}
+
+.message {
+  font-family: sans-serif;
+  font-size: 1.2em;
+  padding: 0px 4px 0px 4px;
+}
+
+.hostlist {
+  width: 100%;
+  height: 400px;
+  margin: 0px;
+  overflow: auto;
+  border: black 1px solid;
+}
+
+.hostentry {
+  margin: 0;
+  padding: 3px;
+  border-top: blue 1px solid;
+  min-height: 70px;
+}
+
+.hostentry:first-child {
+  border-top-style: none;
+}
+
+a.hostentry { text-decoration: none; }
+
+.hosticon {
+  float: left;
+  margin: 2px;
+}
+
+.hostname {
+  font-family: sans-serif;
+  font-size: 1.2em;
+  font-weight: bold;
+  line-height: 1.2em;
+  margin: 2px 4px 2px 75px;
+}
+
+.hoststatus_good {
+  font-weight: bold;
+  color: green;
+}
+
+.hoststatus_bad {
+  font-weight: bold;
+  color: red;
+}
+
+.hostinfo {
+  font-family: sans-serif;
+  font-size: 0.8em;
+  line-height: 1em;
+  margin: 2px 4px 2px 75px;
+}
+
+.connect {
+  float: right;
+}
+
+.reload {
+  font-family: sans-serif;
+  font-size: 0.8em;
+  font-style: italic;
+  text-align: right;
+  margin: 0.25em 0 0.5em 0;
+  line-height: 1em;
+}
+
+.login {
+  font-family: sans-serif;
+  font-size: 0.9em;
+  position: absolute;
+  bottom: 0;
+  margin-bottom: 3px;
+}
+
+.login_email {
+  font-weight: bold;
+}