Fixed post title & details issues

3 files changed, 20 insertions, 7 deletions

diff --git a/themes/ramium/layouts/_default/single.html b/themes/ramium/layouts/_default/single.html
index 621f957..fa08540 100644
--- a/themes/ramium/layouts/_default/single.html
+++ b/themes/ramium/layouts/_default/single.html
@@ -1,21 +1,20 @@
 {{ define "main" }}
 
-<div class="content">
+<div class="content blog">
     <h1 class="title is-3">{{ .Title | title }}</h1>
 
-    <div class="level is-mobile">
+    <div id="infobar" class="level is-mobile">
         <div class="level-left">
-
             {{ if or .Params.showDate .Site.Params.showDate }}
             <div class="level-item">
-                <p class="subtitle is-6 blog-brief-date">
+                <p class="subtitle info">
                     {{- .Date.Format "Jan 2, 2006" }}
                 </p>
             </div>
             {{ end }}
 
             <div class="level-item">
-                <p class="subtitle is-6">
+                <p class="subtitle info">
                     {{ partial "time-to-read.html" . }}
                 </p>
             </div>
diff --git a/themes/ramium/layouts/partials/blog-brief.html b/themes/ramium/layouts/partials/blog-brief.html
index cc87c97..7fb290f 100644
--- a/themes/ramium/layouts/partials/blog-brief.html
+++ b/themes/ramium/layouts/partials/blog-brief.html
@@ -11,7 +11,7 @@
             {{ if or .Params.showDate .Site.Params.showDate }}
             <div class="level-item">
                 <a href="{{ .RelPermalink }}">
-                    <p class="subtitle is-6 date">
+                    <p class="subtitle info date">
                         {{- .Date.Format "Jan 2, 2006" }}
                     </p>
                 </a>
@@ -21,7 +21,7 @@
 
             <div class="level-item">
                 <a href="{{ .RelPermalink }}">
-                    <p class="subtitle is-6">
+                    <p class="subtitle info">
                         {{ partial "time-to-read.html" . }}
                     </p>
                 </a>
diff --git a/themes/ramium/static/css/ramium.css b/themes/ramium/static/css/ramium.css
index 527b1ce..656ad94 100644
--- a/themes/ramium/static/css/ramium.css
+++ b/themes/ramium/static/css/ramium.css
@@ -40,6 +40,16 @@ input:focus::placeholder {
     position: relative;
 }
 
+.info {
+    font-size: 0.9em;
+}
+
+@media all and (max-width: 1023px) {
+    #infobar {
+        margin-bottom: 0.5em;
+    }
+}
+
 .blog-text {
     font-size: 1.2em;
     color: rgba(0, 0, 0, 0.84);
@@ -79,6 +89,10 @@ input:focus::placeholder {
     font-weight: 500;
 }
 
+.blog-brief .info {
+    font-size: 0.8em;
+}
+
 .blog-brief .summary {
     color: black;
     opacity: 0.84;