diff --git a/app/assets/stylesheets/search/temp_landing_page.css.scss b/app/assets/stylesheets/search/temp_landing_page.css.scss index d0ac89a682..3e0a22c66a 100644 --- a/app/assets/stylesheets/search/temp_landing_page.css.scss +++ b/app/assets/stylesheets/search/temp_landing_page.css.scss @@ -32,4 +32,19 @@ a.inactive { .group-header { min-height: emCalc(55); vertical-align: top; -} \ No newline at end of file +} + +@media only screen and (max-width: 768px) { + .hub_group.landing-page-row { + padding-bottom: 0px; + &.with-bottom-border { + padding-top: 0px; + } + & > .columns { + margin-bottom: 60px; + } + } + .group-header { + min-height: 0px; + } +} diff --git a/app/views/home/temp_landing_page.html.haml b/app/views/home/temp_landing_page.html.haml index b97ab04d02..848b6f2422 100644 --- a/app/views/home/temp_landing_page.html.haml +++ b/app/views/home/temp_landing_page.html.haml @@ -30,7 +30,7 @@ %h3 WHERE WOULD YOU LIKE TO SHOP? %p.secondary Select your hub from the list below - @groups.in_groups_of(4, false) do |row| - .row.landing-page-row{:class => (row.last == @groups.last ? "with-bottom-border" : "")} + .row.landing-page-row.hub_group{:class => (row.last == @groups.last ? "with-bottom-border" : "")} - row.each do |group| .large-3.columns .group-header