From 32b1d32572c45447246d879856c8d23407fc792e Mon Sep 17 00:00:00 2001
From: Egor Tensin <Egor.Tensin@gmail.com>
Date: Mon, 8 Nov 2021 16:40:21 +0300
Subject: posts: use proper flexbox for spacing

---
 _includes/posts/posts.html | 8 +++-----
 _layouts/post.html         | 8 +++-----
 assets/css/common/misc.css | 7 +++----
 3 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/_includes/posts/posts.html b/_includes/posts/posts.html
index 71a6d9a..d5c5c9d 100644
--- a/_includes/posts/posts.html
+++ b/_includes/posts/posts.html
@@ -3,11 +3,9 @@
   <hr/>
 {% else %}
   {% for post in paginator.posts %}
-    <div class="row post-header">
-      <div class="col-xs-12 col-sm-8">
-        <h2><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h2>
-      </div>
-      <div class="col-xs-12 col-sm-4 post-date">
+    <div class="post-header">
+      <h2><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h2>
+      <div class="post-date">
         <p class="text-muted">
           {% if post.category %}
             <span class="glyphicon glyphicon-folder-open"></span>&nbsp;<a class="category" href="{{ '/' | relative_url }}{{ post.category | slugify: 'pretty' }}/">{{ post.category }}</a>
diff --git a/_layouts/post.html b/_layouts/post.html
index 49c06be..2c0122e 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -1,11 +1,9 @@
 ---
 layout: default
 ---
-<div class="row post-header">
-  <div class="col-xs-12 col-sm-8">
-    <h1>{{ page.title }}</h1>
-  </div>
-  <div class="col-xs-12 col-sm-4 post-date">
+<div class="post-header">
+  <h1>{{ page.title }}</h1>
+  <div class="post-date">
     <p class="text-muted">
       {% if page.category %}
         <span class="glyphicon glyphicon-folder-open"></span>&nbsp;<a class="category" href="{{ '/' | relative_url }}{{ page.category | slugify: 'pretty' }}/">{{ page.category }}</a>
diff --git a/assets/css/common/misc.css b/assets/css/common/misc.css
index f5a1e95..51fc627 100644
--- a/assets/css/common/misc.css
+++ b/assets/css/common/misc.css
@@ -46,9 +46,8 @@ pre code {
   display: flex;
   flex-wrap: wrap;
   align-items: baseline;
+  justify-content: space-between;
 }
-@media (min-width: 768px) {
-  .post-date {
-    text-align: right;
-  }
+.post-date {
+  text-align: right;
 }
-- 
cgit v1.2.3