style improvment

gre · Jul 28, 2012 · 45f82bb · 45f82bb
1 parent 30e04a3
commit 45f82bb
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 19 deletions.
diff --git a/playapp/app/views/index.scala.html b/playapp/app/views/index.scala.html
@@ -60,7 +60,6 @@ <h2>Chan @i</h2>
             </div>
           </div>
           }
-        <br style="clear:both" />
       </section>
 
       <div id="controls">

diff --git a/playapp/public/stylesheets/main.css b/playapp/public/stylesheets/main.css
@@ -1,12 +1,12 @@
 body {
-    font-family: monospace;
-    background: #000;
-    color: #ccc;
+  font-family: monospace;
+  background: #000;
+  color: #ccc;
 }
 
 #wrapper {
-    width: 600px;
-    margin: 50px auto;
+  width: 600px;
+  margin: 50px auto;
 }
 
 button {
@@ -23,6 +23,10 @@ button:active, button:hover {
   margin: 10px 0;
 }
 
+#channels {
+  overflow: auto;
+}
+
 #channels header {
   display: block;
   text-align: right;
@@ -77,27 +81,33 @@ button:active, button:hover {
   background-image: url(/assets/images/radio-checked.png);
 }
 
-
 #channels {
-    padding: 5px;
-    background-color: #333;
-    color: #ccc;
-    width: 585px;
+  padding: 5px;
+  background-color: #333;
+  color: #ccc;
+  width: 580px;
 }
 
-#channels > div {
-    float: left;
-    background-color: #222;
-    width: 180px;
-    border-right: 2px solid #111;
-    padding: 4px;
-    margin-right: 5px;
+.channel {
+  float: left;
+  background-color: #222;
+  width: 180px;
+  border-right: 2px solid #111;
+  padding: 4px;
+  margin-right: 5px;
+}
+.channel:last-child {
+  margin-right: 0;
 }
 
-#channels .field {
+.channel > div {
   margin-bottom: 10px;
 }
 
+.channel .field {
+  margin-bottom: 5px;
+}
+
 #controls {
   text-align: center;
   padding: 10px;