Fix up remoting UI to make it closer to spec

remoting/webapp/me2mom/main.css

Index: remoting/webapp/me2mom/main.css
diff --git a/remoting/webapp/me2mom/main.css b/remoting/webapp/me2mom/main.css
index ffee767e138d1d977cfaa3a8d4b4b23933b0cf1f..c05ad446b674a8e009a22bb22cfafc512ee85307 100644
--- a/remoting/webapp/me2mom/main.css
+++ b/remoting/webapp/me2mom/main.css
@@ -3,165 +3,6 @@
  * found in the LICENSE file.
  */
 
-body {
-  font-family: Helvetica, sans-serif;
-  cursor: default;
-  font-size: 13px;
-}
-
-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: 0 4px 0 4px;
-}
-
-.mock {
-  color: gray;
-}
-
-#access_code_display {
-  font-family: sans-serif;
-  font-size: 200%;
-  margin: 0 0 0 24px;
-  padding: 0 4px 0 4px;
-  border-style: solid;
-  background-color: lightgray;
-  display: inline-block;
-}
-
-.hostlist {
-  margin: 0;
-  border: #D9D9D9 1px solid;
-  border-radius: 2px;
-}
-
-.remoting_body {
-  -webkit-user-select: none;
-  margin: 0;
-  padding: 0;
-  overflow: auto;
-}
-
-.status_msg {
-  margin: 5px;
-}
-
-.debug_log {
-  -webkit-user-select: text;
-  padding: 0px;
-  margin: 0px;
-  position: fixed;
-  bottom: 0px;
-  width: 100%;
-  height: 150px;
-  overflow: auto;
-  font-family: monospace;
-  font-weight: bold;
-  font-size: small;
-  border: 2px solid #ffffff;
-  display: none;
-  opacity: 0.9;
-  background-color: #ffffff;
-  z-index: 1;
-}
-
-.debug_log_toggle {
-  line-height: 0.8em;
-  float: right;
-}
-
-.scale_to_fit_toggle {
-  line-height: 0.8em;
-  float: right;
- }
-
-.plugin-scroll-panel {
-  -webkit-user-select: none;
-  overflow: auto;
-  width: 100%;
-}
-
-.gaia_font {
-    font-family: Arial, Helvetica, sans-serif;
-}
-
-.page h1 {
-  -webkit-padding-end: 24px;
-  -webkit-user-select: none;
-  border-bottom: 1px solid #eeeeee;
-  color: #53637d;
-  font-size: 200%;
-  font-weight: normal;
-  margin: 0;
-  padding-bottom: 4px;
-  padding-top: 13px;
-  text-shadow: white 0 1px 2px;
-}
-
-section {
-  -webkit-box-orient: horizontal;
-  border-bottom: 1px solid #eeeeee;
-  display: -webkit-box;
-  margin-top: 17px;
-  padding-bottom: 20px;
-}
-
-section > h3 {
-  font-size: 105%;
-  font-weight: bold;
-  margin: 0;
-  vertical-align: middle;
-  width: 160px;
-}
-
-section > div:only-of-type {
-  -webkit-box-flex: 1;
-}
-
-div.page section:last-child {
-  border-bottom: none;
-}
-
-button {
-  -webkit-border-radius: 2px;
-  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-  -webkit-user-select: none;
-  background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
-  border: 1px solid #aaa;
-  color: #444;
-  font-size: inherit;
-  margin-bottom: 0px;
-  min-width: 4em;
-  padding: 3px 12px 3px 12px;
-}
-
-button:hover {
-  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
-  background: #ebebeb -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
-  border-color: #999;
-  color: #222;
-}
-
-button:active {
-  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
-  background: #ebebeb -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
-  color: #333;
-}
-
-button[disabled], button[disabled]:hover {
-  -webkit-box-shadow: none;
-  background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
-  border-color: #aaa;
-  color: #888;
+form {
+  display: inline;
 }