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

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

Index: chrome/test/data/webrtc/manual/stylesheet.css
diff --git a/chrome/test/data/webrtc/manual/stylesheet.css b/chrome/test/data/webrtc/manual/stylesheet.css
index 6c557fa83dbc29e43b714b649aa8dd3b211157b5..c22a9e1b6fbecb2e9156ef9434194569307a45af 100644
--- a/chrome/test/data/webrtc/manual/stylesheet.css
+++ b/chrome/test/data/webrtc/manual/stylesheet.css
@@ -48,6 +48,31 @@ input[type=checkbox] {
 
 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 {