issue #55 closed: forced movie poster images to size on movie index a…

…nd search pages.
mikevallano · Mar 3, 2016 · 4ccbfcc · 4ccbfcc
1 parent b17baa0
commit 4ccbfcc
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/app/assets/stylesheets/movies.scss b/app/assets/stylesheets/movies.scss
@@ -1,6 +1,9 @@
 @import "colors";
 @import "fonts";
 
+$index-poster-width: 125px;
+$index-poster-height: 185px;
+
 /* MOVIE INDEX PAGE */
 
 .tile-container {
@@ -10,22 +13,23 @@
 article.tile-cover-pic {
   float: left;
   margin: 0px 10px 10px 0px;
-  width: 125px;
-  height: 185px;
+  width: $index-poster-width;
+  height: $index-poster-height;
   overflow: hidden;
   img {
-    width: 100%;        
+    width: $index-poster-width;
+    height: $index-poster-height;        
   } /* img */
 
 } /* article.tile-cover-pic */
 
 .missing-poster {
-  position: realative;
+  position: relative;
   background-color: lighten($primary-background-color, 20%);
   float: left;
   margin: -10px 10px 10px 0px;
-  width: 125px;
-  height: 185px;
+  width: $index-poster-width;
+  height: $index-poster-height;
   overflow: hidden;
   padding: 5%;
   text-align: center;