Fix bottom gutter for landing page cards (#38)

rockandror · Oct 26, 2021 · c62ed7b · c62ed7b
1 parent 3c53f5f
commit c62ed7b
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/app/assets/stylesheets/custom/code4_styling.scss b/app/assets/stylesheets/custom/code4_styling.scss
@@ -20,6 +20,7 @@ footer .logo a {
 // "How it works" cards
 .card-text-over {
   position: relative;
+  margin-bottom: 0;
   min-height: auto;
   figcaption {
     position: absolute;
@@ -68,6 +69,14 @@ footer .logo a {
   margin-bottom: 1rem;
 }
 
+// Remove bottom gutter from landing page cards
+.card {
+  margin-bottom: 3rem;
+  &>a {
+    height: auto;
+  }
+}
+
 // Hero financed domains
 .financed-domains {
   @include full-width-background;

diff --git a/app/components/custom/welcome/financed_domains_component.rb b/app/components/custom/welcome/financed_domains_component.rb
@@ -12,7 +12,7 @@ def cards_count
   end
 
   def header
-    t ['welcome.financed_domains', CITY, 'header'].join('.')
+    translation('header')
   end
 
   def image(name)
@@ -23,11 +23,15 @@ def cards
     DATA['cards'].map do |card|
       {
         image: image(card['image']),
-        title: t(['welcome.financed_domains', CITY, card['i18n']].join'.')
+        title: translation(card['i18n'])
       }
     end
   end
 
+  def translation(keys)
+    t ['welcome.financed_domains', CITY, *keys].join('.')
+  end
+
   def bg_image
     image DATA['bg_image']
   end