chat styles

motemen · Oct 11, 2012 · 0caec1f · 0caec1f
1 parent d7e42e3
commit 0caec1f
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 4 deletions.
diff --git a/public/stylesheets/site.css b/public/stylesheets/site.css
@@ -16,3 +16,18 @@
 .track img.artwork {
     max-width: 150px;
 }
+
+#chat-messages {
+    max-height: 500px;
+    overflow: auto;
+}
+
+#chat-messages span.timestamp {
+    color: #777;
+    font-size: smaller;
+    margin-right: 0.5em;
+}
+
+#chat input {
+    margin-right: 0;
+}
diff --git a/views/play.ejs b/views/play.ejs
@@ -3,7 +3,6 @@
   <head>
     <title>Polka - Play</title>
     <link rel="stylesheet" href="/stylesheets/modern.css">
-    <link rel="stylesheet" href="/stylesheets/modern.css">
     <link rel="stylesheet" href="/stylesheets/site.css">
   </head>
   <body class="modern-ui">
@@ -19,10 +18,12 @@
       </div>
       <div class="charms">
         <form id="chat" action="" onsubmit="return false;">
-          <input id="message-body" name="message-body" type="text">
-          <input type="submit">
+          <div class="input-control">
+            <input id="message-body" name="message-body" type="text" placeholder="chat…">
+            <input type="submit" style="displaY: none">
+          </div>
         </form>
-        <ul id="chat-messages">
+        <ul id="chat-messages" class="unstyled">
         </ul>
       </div>
     </div>