diff --git a/chromesoul.css b/chromesoul.css
index f186680..672281e 100644
--- a/chromesoul.css
+++ b/chromesoul.css
@@ -102,6 +102,36 @@ body {
     min-width: 400px;
 }
 
+#main-ctn > * {
+    padding: 10px;
+}
+
+/*
+ * Config
+ */
+
+#config-pannel {
+    background-color: #e4e4e4;
+}
+
+#config-pannel > input[type=text], #config-pannel > input[type=password] {
+    width: 130px;
+    padding: 5px;
+    border: 1px solid #347db0;
+    outline-style: none;
+    background-color: #f3f3f3;
+}
+
+#save {
+    margin: 0;
+    padding: 5px;
+    width: 140px;
+    height: 30px;
+    border-style: none;
+    background-color: #347db0;
+    color: #f3f3f3;
+}
+
 /*
  * Tabs
  */
diff --git a/chromesoul.html b/chromesoul.html
index e36143b..5986df0 100644
--- a/chromesoul.html
+++ b/chromesoul.html
@@ -20,10 +20,10 @@
     <div id="main-ctn">
       <p id="pre-conf-pannel">You haven't configured chromesoul yet, you should go to the configuration pannel.</p>
       <div id="config-pannel">
-	Login: <input type="text" id="login" class="opt" value=""><br>
-	Password (socks): <input type="password" id="pwd_socks" class="opt" value=""><br>
-	Enable notifications: <input type="checkbox" id="enable_notif" class="opt" checked="checked"><br>
-	Enable messages: <input type="checkbox" id="enable_msg" class="opt" checked="checked"><br>
+	<input type="text" placeholder="Login" id="login" class="opt" value="test_42"><br>
+	<input type="password" placeholder="Password (SOCKS)" id="pwd_socks" class="opt" value="password"><br>
+	<input type="checkbox" id="enable_notif" class="opt" checked="checked"><label for="enable_notif">Enable notifications</label><br>
+	<input type="checkbox" id="enable_msg" class="opt" checked="checked"><label for="enable_msg">Enable messages</label><br>
 	<button id="save">Save</button> <span id="status"></span>
       </div>
       <div id="chat-pannel">