From 2ec605a9f0b7393a96e3b6ce2a779f2b9cb641bf Mon Sep 17 00:00:00 2001
From: vimux <vimux@protonmail.com>
Date: Mon, 18 Jun 2018 11:22:29 +0300
Subject: [PATCH] Fix layout margins & borders

---
 static/css/main.css | 45 +++++++++++++++++++++++++++++----------------
 1 file changed, 29 insertions(+), 16 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index 93f3a64..33b78cc 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -440,7 +440,7 @@ mark {
 	}
 
 	.block {
-		margin: .3125rem;
+		margin: .625rem .3125rem;
 		border-width: 1px;
 	}
 }
@@ -584,7 +584,7 @@ mark {
 
 /* Taxonomies */
 .page {
-	margin-top: .625rem;
+	margin-bottom: .3125rem;
 }
 
 .page__title {
@@ -595,11 +595,6 @@ mark {
 	margin-top: 1rem;
 }
 
-/* Single */
-.single {
-	margin-top: .625rem;
-}
-
 /* Cards UI*/
 .cards {
 	display: flex;
@@ -609,13 +604,32 @@ mark {
 .card {
 	display: flex;
 	width: 100%;
-	padding: .1875rem 0;
+}
+
+.card:first-child {
+	border-top: 1px solid #333;
+}
+
+.card__box {
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+	margin: 0;
+	border-width: 0 0 1px 0;
 }
 
 @media screen and (min-width: 480px) {
 	.card {
 		padding: .3125rem;
 	}
+
+	.card:first-child {
+		border: 0;
+	}
+
+	.card__box {
+		border-width: 1px;
+	}
 }
 
 @media screen and (min-width: 720px) {
@@ -634,13 +648,6 @@ mark {
 	}
 }
 
-.card__box {
-	display: flex;
-	flex-direction: column;
-	width: 100%;
-	margin: 0;
-}
-
 /* Post */
 .title-excerpt {
 	font-size: 1.25rem;
@@ -805,11 +812,17 @@ mark {
 
 /* Pagination */
 .pagination {
-	margin-bottom: .625rem;
+	margin: .3125rem 0;
 	text-align: center;
 	background-color: #2a2a2a;
 }
 
+@media screen and (min-width: 480px) {
+	.pagination {
+		margin: .3125rem .3125rem .625rem;
+	}
+}
+
 .pagination__item {
 	display: inline-block;
 	padding: .25rem .625rem;