| /* |
| * Copyright (c) 2015 The WebRTC project authors. All Rights Reserved. |
| * |
| * Use of this source code is governed by a BSD-style license |
| * that can be found in the LICENSE file in the root of the source |
| * tree. |
| */ |
| button { |
| margin: 0 20px 0 0; |
| width: 83px; |
| } |
| |
| button#hangupButton { |
| margin: 0; |
| } |
| |
| video { |
| --width: 45%; |
| width: var(--width); |
| height: calc(var(--width) * 0.75); |
| margin: 0 0 20px 0; |
| vertical-align: top; |
| } |
| |
| video#localVideo { |
| margin: 0 20px 20px 0; |
| } |
| |
| div.box { |
| margin: 1em; |
| } |
| |
| @media screen and (max-width: 400px) { |
| button { |
| width: 83px; |
| margin: 0 11px 10px 0; |
| } |
| |
| video { |
| height: 90px; |
| margin: 0 0 10px 0; |
| width: calc(50% - 7px); |
| } |
| video#localVideo { |
| margin: 0 10px 20px 0; |
| } |
| |
| } |