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;
 }
@@ skipping 30 matching lines @@
   border:1px solid #ccc;
 }
 
 input[type=checkbox] {
   position: relative;
   top: 2px;
 }
 
 video {
   border:1px solid #ccc;
+  background: #C0C0C0;
+}
+
+#getusermedia-input {

[kjellander_chromium, 2013/04/08 14:19:52]

Add a class to be used for the div tags that surrount the stuff that relates to
a video, with either a very light gray background color and/or a discrete
border.

[jansson, 2013/04/10 12:11:48]

I've added a class but I'm not happy with the overall layout still, it's not
good for large resolutions (1900+) like when doing screen capture or full HD.
But the use case for this page is not high res I guess. Please provide feedback
if it's not good enough for this iteration.

[jansson, 2013/04/10 12:11:48]

I added a class for the video stuff, however it's not good for high res stuff
and it's not pretty but does the job. Not sure if it's good enough.

+  width: 100%;
+}
+
+#getusermedia-constraints {
+  width: 40%;
+}
+
+#local-view-size {

[kjellander_chromium, 2013/04/08 14:19:52]

I suggest using a CSS class for this instead, like .inline-contents, if the
inline property is all you need for the div elements that are using it.

[jansson, 2013/04/10 12:11:48]

Done.

+  display: inline;
+}
+
+#local-view-stream-size {
+  display: inline;
+}
+
+#remote-view-size {
+  display: inline;
+}
+
+#remote-view-stream-size {
+  display: inline;
 }
 
 #wrapper {
   margin:0px auto;
   padding:5px;
 }
 
 #container {
   overflow: hidden;
   width: 100%;
 }
 
 #left {
   float: left;
 }
 
 #left-half {
   float: left;
   width: 50%;
 }
 
 #right-half {
   width: 50%;
   margin-left: 50%;
 }