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 @@
+
+
+
+
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")