fix meta item break into multiple lines

assets/css/common/main.css

@@ -83,14 +83,17 @@ pre:hover .copy-code {
     display: block;
 }
 
+.meta-item {
+    display: inline-block;
+}
 .meta-item * {
     color: var(--secondary);
 }
 
 .meta-item:not(:last-of-type):after {
     content: "·";
-    margin-inline-start: .3em;
+    margin-inline-start: .5em;
-    margin-inline-end: .3em;
+    margin-inline-end: .5em;
 }
 
 .meta-item svg {

layouts/partials/post_meta.html

@@ -2,20 +2,17 @@
 {{- if not .Date.IsZero -}}
 <span class="meta-item">
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar" style="user-select: text;"><rect x="3" y="4" width="18" height="18" rx="2" ry="2" style="user-select: text;"></rect><line x1="16" y1="2" x2="16" y2="6" style="user-select: text;"></line><line x1="8" y1="2" x2="8" y2="6" style="user-select: text;"></line><line x1="3" y1="10" x2="21" y2="10" style="user-select: text;"></line></svg>
-  <span>{{ .Date | time.Format (default "January 2, 2006" site.Params.DateFormat) }}</span>
+  <span>{{ .Date | time.Format (default "January 2, 2006" site.Params.DateFormat) }}</span></span>
-</span>
 {{- end }}
 
-
+{{- if .Params.tags -}}
-{{- if .Params.tags }}
 <span class="meta-item">
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-tag meta-icon" style="user-select: text;"><path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z" style="user-select: text;"></path><line x1="7" y1="7" x2="7" y2="7" style="user-select: text;"></line></svg>
   <span class="post-tags">
     {{- range ($.GetTerms "tags") -}}
     <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
     {{- end -}}
-  </span>
+  </span></span>
-</span>
 {{- end }}
 
 
@@ -24,8 +21,7 @@
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text" style="user-select: text;"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" style="user-select: text;"></path><polyline points="14 2 14 8 20 8" style="user-select: text;"></polyline><line x1="16" y1="13" x2="8" y2="13" style="user-select: text;"></line><line x1="16" y1="17" x2="8" y2="17" style="user-select: text;"></line><polyline points="10 9 9 9 8 9" style="user-select: text;"></polyline></svg>
   <span>
     {{- i18n "words" .WordCount | default (printf "%d words" .WordCount) -}}
-  </span>
+  </span></span>
-</span>
 {{- end }}
 
 
@@ -34,16 +30,14 @@
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><circle cx="12" cy="12" r="9"></circle><polyline points="12 7 12 12 15 15"></polyline></svg>
   <span>
     {{- i18n "read_time" .ReadingTime | default (printf "%d min" .ReadingTime) -}}
-  </span>
+  </span></span>
-</span>
 {{- end }}
 
 
 {{- if (.Param "ShowAuthor") -}}
 <span class="meta-item">
   <svg xmlns="http://www.w3.org/2000/svg"width="24" height="24" viewBox="0 0 24 24" stroke="black" stroke-width="1" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><circle cx="12" cy="7" r="4"></circle><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"></path></svg>
-  {{- partial "author.html" . }}
+  {{- partial "author.html" . -}}</span>
-</span>
 {{- end }}
 
 
@@ -63,6 +57,5 @@
     </a>
     {{- end }}
   {{- end }}
-  </span>
+  </span></span>
-</span>
 {{- end }}