diff --git a/src/less/main.less b/src/less/main.less index 5f4a422..fcbb93f 100644 --- a/src/less/main.less +++ b/src/less/main.less @@ -29,10 +29,19 @@ body { } #form { + padding-top: 3em; text-align: center; width: 300px; margin: 0 auto; + h1 { + margin: 0; + } + + img { + margin-bottom: 2em; + } + input { width: 100%; border: 1px solid @color-fg; @@ -43,10 +52,16 @@ body { color: @color-active; } + input:active, input:focus { + border: 1px solid @color-active; outline: none; } + input[type="submit"] { + cursor: pointer; + } + ::-webkit-input-placeholder { color: @color-fg; text-align: center; diff --git a/src/res/icon.png b/src/res/icon.png deleted file mode 100644 index e77d385..0000000 Binary files a/src/res/icon.png and /dev/null differ diff --git a/src/res/icon.svg b/src/res/icon.svg new file mode 100644 index 0000000..ebc0e2c --- /dev/null +++ b/src/res/icon.svg @@ -0,0 +1,15 @@ + + + + + + diff --git a/src/res/peer-calls.svg b/src/res/peer-calls.svg new file mode 100644 index 0000000..4e7836d --- /dev/null +++ b/src/res/peer-calls.svg @@ -0,0 +1,113 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/views/index.jade b/src/views/index.jade index 46cf16d..4249830 100644 --- a/src/views/index.jade +++ b/src/views/index.jade @@ -16,9 +16,9 @@ html div#container - form#form - h1 Peer Calls + img(src="res/peer-calls.svg" width="100%") + input#callId(name="callId" placeholder="Enter your call ID") input(type="submit" value="Join")