Add screen capture constraints, video tag resize and removed auto video resize

chrome/test/data/webrtc/manual/stylesheet.css

 /**
  * Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 body, td {
   font-family: Helvetica Narrow, sans-serif;
   font-size: 11px;
 }
 
 h1, h2, h3 {
   margin: 6px 0px 3px 0px;
 }
 
 a {
-  text-decoration:none;
+  text-decoration: none;
 }
 
 pre {
-  background-color: #e2e2e2;
+  background-color: #eee;
   margin-right: 20px;
 }
 
 a:hover {
  text-decoration:underline;
 }
 
 textarea {
   font-size: 11px;
   font-family: monospace, Courier;
   border: 1px solid #ccc;
 }
 
 button {
   font-size: 11px;
   margin-left: 0px;
 }
 
 input[type=text] {
   border:1px solid #ccc;
 }
 
 input[type=checkbox] {
   position: relative;
   top: 2px;
 }
 
-video {
-  border:1px solid #ccc;
+.video-area {
+  background: #eee;
+  border:1px solid #000;

[kjellander_chromium, 2013/04/18 13:29:47]

nit: make the border #aaa or something like that, to lessen the contrast.

[jansson, 2013/04/18 13:48:43]

Done.

+}
+
+.inline-contents {
+  display: inline;
+}
+
+#getusermedia-input {
+  width: 100%;
+}
+
+#getusermedia-constraints {
+  width: 40%;
 }
 
 #wrapper {
-  margin:0px auto;
-  padding:5px;
+  margin: 0px auto;
+  padding: 5px;
 }
 
 #container {
-  overflow: hidden;
+  overflow: auto;
   width: 100%;
 }
 
 #left {
   float: left;
 }
 
 #left-half {
   float: left;
   width: 50%;
 }
 
 #right-half {
-  width: 50%;
-  margin-left: 50%;
+  width: 49%;
+  margin-left: 51%;
 }