From b572a1bd74e762ad7afa8f6d8671afc24354a86d Mon Sep 17 00:00:00 2001
From: Baptiste Gelez <baptiste@gelez.xyz>
Date: Fri, 19 Apr 2019 15:49:22 +0100
Subject: [PATCH] Fix #504 (#532)

- Add the `spaced` class to some article cards, to make them wider even on desktop
- Fix the CSS to always have a small margin for cards on mobile
---
 static/css/main.scss                 | 4 ++++
 templates/blogs/details.rs.html      | 2 +-
 templates/instance/federated.rs.html | 2 +-
 templates/instance/feed.rs.html      | 2 +-
 templates/instance/local.rs.html     | 2 +-
 5 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/static/css/main.scss b/static/css/main.scss
index d5aece65..a9028797 100644
--- a/static/css/main.scss
+++ b/static/css/main.scss
@@ -138,4 +138,8 @@ html {
   body > footer * { margin: 1em auto; }
 
   .flex.wrap { flex-direction: column; }
+
+  .cards {
+    margin: 1rem 0 5rem;
+  }
 }
diff --git a/templates/blogs/details.rs.html b/templates/blogs/details.rs.html
index 81664dc4..67996d3c 100644
--- a/templates/blogs/details.rs.html
+++ b/templates/blogs/details.rs.html
@@ -74,7 +74,7 @@
         @if posts.is_empty() {
             <p>@i18n!(ctx.1, "No posts to see here yet.")</p>
         }
-        <div class="cards">
+        <div class="cards spaced">
             @for article in posts {
                 @:post_card(ctx, article)
             }
diff --git a/templates/instance/federated.rs.html b/templates/instance/federated.rs.html
index 7c1510b2..5bc5c5e5 100644
--- a/templates/instance/federated.rs.html
+++ b/templates/instance/federated.rs.html
@@ -24,7 +24,7 @@
         ])
     }
 
-    <div class="cards">
+    <div class="cards spaced">
         @for article in articles {
             @:post_card(ctx, article)
         }
diff --git a/templates/instance/feed.rs.html b/templates/instance/feed.rs.html
index aabec6f8..bdeea7d6 100644
--- a/templates/instance/feed.rs.html
+++ b/templates/instance/feed.rs.html
@@ -16,7 +16,7 @@
     ])
 
     @if !articles.is_empty() {
-        <div class="cards">
+        <div class="cards spaced">
             @for article in articles {
                 @:post_card(ctx, article)
             }
diff --git a/templates/instance/local.rs.html b/templates/instance/local.rs.html
index 919181f4..1adea965 100644
--- a/templates/instance/local.rs.html
+++ b/templates/instance/local.rs.html
@@ -25,7 +25,7 @@
         ])
     }
 
-    <div class="cards">
+    <div class="cards spaced">
         @for article in articles {
             @:post_card(ctx, article)
         }