browsing grid finished

alexgraffeocohen · May 28, 2014 · e4c5c8e · e4c5c8e
1 parent 6debf6c
commit e4c5c8e
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 18 deletions.
diff --git a/app/assets/stylesheets/movie.css.scss b/app/assets/stylesheets/movie.css.scss
@@ -8,16 +8,17 @@
 }
 
 #movie-options {
-  .poster-thumbnail {
-    position: absolute;
-    height: 292px;
-    width: 217px;
-    border-radius: 14px;
-    margin-top: 104px;
+  margin-left: 40px;
+  .choice {
+    float: left;
+    padding: 5px;
+    .poster-thumbnail {
+      height: 292px;
+      width: 217px;
+    }
   }
 }
 
-
 #poster-container {
   margin-top: 77px;
   .poster {

diff --git a/app/views/movies/_options.html.erb b/app/views/movies/_options.html.erb
@@ -1,12 +1,9 @@
-<div class="row">
-  <div id="movie-options">
-    <% i = 0 %>
-    <% unless choices.nil? || choices.empty? %>
-      <% choices.each do |movie| %>
-        <a href="<%= movie_path(movie) %>"><img class="poster-thumbnail" src="<%= movie.poster_link %>"
-        style="left: <%= 17 + i %>px;"></a>
-        <% i += 250 %>
-      <% end %> 
-    <% end %>
-  </div>
+<div class="row" id="movie-options">
+  <% unless choices.blank? %>
+    <% choices.each do |movie| %>
+      <div class="choice">
+        <a href="<%= movie_path(movie) %>"><img class="poster-thumbnail" src="<%= movie.poster_link %>"></a>
+      </div>
+    <% end %> 
+  <% end %>
 </div>