From 5a58134cf260f2686d382eca6da63bd3948a79bf Mon Sep 17 00:00:00 2001
From: karolinaszczur <me@karolinaszczur.com>
Date: Wed, 18 Sep 2013 19:53:06 +0200
Subject: [PATCH] [ux] adjust connect screen

---
 clientapp/template.html | 2 +-
 public/css/app/aux.styl | 7 +++++++
 public/css/otalk.css    | 7 +++++++
 3 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/clientapp/template.html b/clientapp/template.html
index 061f61e..f2ade71 100644
--- a/clientapp/template.html
+++ b/clientapp/template.html
@@ -9,7 +9,7 @@
     <header>
       <img id="logo" src="/images/logo.png" alt="OTalk" />
     </header>
-    <section id="loginbox" class="content">
+    <section class="box connect">
       <h2>Connecting...</h2> 
     </section>
   </body>
diff --git a/public/css/app/aux.styl b/public/css/app/aux.styl
index 69568b7..ecb00b0 100644
--- a/public/css/app/aux.styl
+++ b/public/css/app/aux.styl
@@ -15,6 +15,13 @@
   width: 75%
   roundall(3px)
 
+  &.connect
+    padding: 20px
+    text-align: center
+
+    h2
+      padding: 0
+
   .head, .content
     padding: 0 20px
 
diff --git a/public/css/otalk.css b/public/css/otalk.css
index 4ba6606..fe25f53 100644
--- a/public/css/otalk.css
+++ b/public/css/otalk.css
@@ -703,6 +703,13 @@ h4 {
   -border-radius: 3px;
   border-radius: 3px;
 }
+.box.connect {
+  padding: 20px;
+  text-align: center;
+}
+.box.connect h2 {
+  padding: 0;
+}
 .box .head,
 .box .content {
   padding: 0 20px;