Fix mobile top padding

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

assets/css/common/article.css

@@ -11,20 +11,6 @@
   font-weight: 600;
 }
 
-.gh-article-meta>*+ :not(script)::before {
-  background-color: var(--color-secondary-text);
-  border-radius: 50%;
-  content: "";
-  height: 2px;
-  width: 2px;
-}
-
-.gh-card-meta>* {
-  align-items: center;
-  display: flex;
-  gap: 6px;
-}
-
 .gh-article-title {
   font-weight: 600;
   line-height: 1;

assets/css/image/site.css

@@ -13,6 +13,12 @@
   padding-top: 0;
 }
 
+@media (max-width: 767px) {
+  .gh-main {
+    padding-top: 0;
+  }
+}
+
 .gh-feed {
   width: 100%;
 }

post.hbs

@@ -18,8 +18,10 @@
             <span class="gh-article-meta">
                 {{#if primary_tag}}
                 <a class="gh-article-tag" href="{{primary_tag.url}}">{{primary_tag.name}}</a>
+                ·
                 {{/if}}
                 <span>{{reading_time}}</span>
+                ·
                 <time datetime="{{date format="YYYY-MM-DD"}}">{{date}}</time>
             </span>