diff --git a/clientapp/templates.js b/clientapp/templates.js
index 65ca665..d1c8e76 100644
--- a/clientapp/templates.js
+++ b/clientapp/templates.js
@@ -194,7 +194,7 @@ exports.misc.growlMessage = function anonymous(locals) {
exports.pages.chat = function anonymous(locals) {
var buf = [];
with (locals || {}) {
- buf.push('');
+ buf.push('');
}
return buf.join("");
};
diff --git a/clientapp/templates/pages/chat.jade b/clientapp/templates/pages/chat.jade
index 1184b7f..081516d 100644
--- a/clientapp/templates/pages/chat.jade
+++ b/clientapp/templates/pages/chat.jade
@@ -2,11 +2,11 @@ section.page.chat
section.conversation
header
h1
+ button.primary.small.call call
span.name
span.status
- button.primary.small.call call
.tzo
- //.activeCall
+ .activeCall
video.remote(autoplay)
video.local(autoplay, muted)
aside.button-wrap
diff --git a/public/css/otalk.css b/public/css/otalk.css
index 4b4e437..a9009a7 100644
--- a/public/css/otalk.css
+++ b/public/css/otalk.css
@@ -978,6 +978,7 @@ button.secondary:hover:not(:disabled) {
border-width: 0px;
padding: 0px;
display: inline-block;
+ overflow: hidden;
}
.conversation header .status {
font-weight: normal;
@@ -1020,9 +1021,10 @@ button.secondary:hover:not(:disabled) {
font-weight: bold;
}
.conversation header .call {
- margin-top: -2px;
text-transform: capitalize;
display: inline-block;
+ margin-left: 10px;
+ float: right;
}
.conversation header .activeCall {
height: 0px;
@@ -1054,7 +1056,11 @@ button.secondary:hover:not(:disabled) {
.conversation header .activeCall .button-wrap .button-group {
margin-left: 5px;
}
+.conversation .activeCall {
+ display: none;
+}
.conversation.onCall .activeCall {
+ display: block;
height: 400px;
}
.messages {
diff --git a/public/css/pages/chat.styl b/public/css/pages/chat.styl
index da3fb05..3935111 100644
--- a/public/css/pages/chat.styl
+++ b/public/css/pages/chat.styl
@@ -101,6 +101,7 @@
border-width: 0px
padding: 0px
display: inline-block
+ overflow: hidden
.status
font-weight: normal
@@ -138,9 +139,10 @@
font-weight: bold
.call
- margin-top: -2px
text-transform: capitalize
display: inline-block
+ margin-left: 10px
+ float: right
.activeCall
transition(height 250ms)
@@ -172,8 +174,11 @@
// while on video call the parent has
// this class so we animate the height
+ .activeCall
+ display: none
&.onCall
.activeCall
+ display: block
height: 400px
.messages
diff --git a/public/x-manifest.cache b/public/x-manifest.cache
index 23c0373..d72f881 100644
--- a/public/x-manifest.cache
+++ b/public/x-manifest.cache
@@ -1,5 +1,5 @@
CACHE MANIFEST
-# 0.0.1 1387577442446
+# 0.0.1 1387579027983
CACHE:
/app.js