simplified responsive layout

peterjwest · Jun 16, 2012 · fb35efb · fb35efb
1 parent 3df892b
commit fb35efb
Showing 1 changed file with 6 additions and 11 deletions.
diff --git a/public/less/styles.less b/public/less/styles.less
@@ -28,9 +28,12 @@
 @cardWidth: 222px;
 @cardHeight: 310px;
 
+body {
+  min-width: 225px;
+}
+
 .container {
   margin-bottom: 20px;
-  min-width: 210px;
 }
 
 form.search {
@@ -79,7 +82,7 @@ form.search {
 
   .image {
     position: absolute; left: 0;
-    height: @cardHeight; min-width: @cardWidth;
+    height: @cardHeight; min-width: @cardWidth; max-width: @cardWidth + 3;
     margin-right: 15px; margin-bottom: 10px;
     background: url(../images/card_back.png) no-repeat;
   }
@@ -91,14 +94,6 @@ form.search {
   .btn { float: none; }
 }
 
-/* Adjusts image sizing for very small windows */
-@media (max-width: 265px) {
-  .card .image {
-    height: auto; min-width: 0;
-    background: none;
-  }
-}
-
 /* Right aligns search button */
 @media (max-width: 767px) {
   form.search input.submit {
@@ -113,4 +108,4 @@ form.search {
     margin-left: 0;
     margin-top: @cardHeight + 10px;
   }
-}
+}