Finished styling of encounters#index (without masonry)

Still left to figure out what to do with encounters with too many monsters
dgilperez · Apr 5, 2012 · c2aca40 · c2aca40
1 parent 8b4a5f6
commit c2aca40
Showing 1 changed file with 21 additions and 4 deletions.
diff --git a/app/assets/stylesheets/encounters.css.scss b/app/assets/stylesheets/encounters.css.scss
@@ -8,15 +8,17 @@
 
     .count {
       background-color: #673;
-      float: left;
-      padding: 0.5em;
+      color: #341;
       border-radius: 0.3em;
       font-size: 150%;
       font-weight: bold;
+
+      padding: 0.5em;
+
       position: absolute;
       left: 50%;
       top: 1.1em;
-      color: #341;
+      float: left;
     }
   }
 }
@@ -26,15 +28,30 @@
 
   li {
     background-color: white;
-    padding: 0.5em;
     list-style: none;
+    border-radius: 0.3em;
+
     float: left;
+    position: relative;
+
+    height: 12em;
+    width: 24em;
+    padding: 0.5em;
+    box-sizing: border-box;
+    overflow: hidden;
 
     margin: 0 1em 1em 0;
 
     .name {
       font-size: 1.5em;
+      font-weight: bold;
       margin-bottom: 0.4em;
     }
+
+    .actions {
+      position: absolute;
+      bottom: 0.5em;
+      right: 0.5em;
+    }
   }
 }