Small layout fixes

[socialXMPP.git] / css / standard.css

diff --git a/css/standard.css b/css/standard.css
index 31a1782e0528ca635fdc487c91236780a667db5f..b6c3b8e27a9f8a23a3fd48ab41fb0e753f4973db 100644 (file)
--- a/css/standard.css
+++ b/css/standard.css
@@ -20,7 +20,9 @@
 }
 
 #friends {
+  display: none;
   max-width: 50%;
+  padding: 1em;
   background: grey;
   float: left;
 }
@@ -31,11 +33,37 @@
 
 .friend {
   float: left;
-  margin: 2em;
+  margin: 0.5em;
   text-align: center;
+  max-width: 10em;
 }
 
 .friend img, #vCard_container img {
   max-width: 70px;
   max-height: 70px;
 }
+
+.sender {
+  color: blue;
+}
+
+.receiver {
+  color: darkred;
+}
+
+.chat {
+  position: fixed;
+  background-color: white;
+  width: 30%;
+  padding: 1em;
+  border: 2px solid;
+}
+
+.chatForm {
+  width: 100%;
+}
+
+.chatTitle {
+  font-size: 15pt;
+  font-weight: bold;
+}