Align Info and Actionable items separately

Align the information to the left side, and the actionable buttons to
the right.

See https://github.com/miniflux/miniflux/pull/531#issuecomment-578547488

template/common.go

@@ -106,6 +106,8 @@ var templateCommonMap = map[string]string{
         <li>
             <time datetime="{{ isodate .entry.Date }}" title="{{ isodate .entry.Date }}">{{ elapsed .user.Timezone .entry.Date }}</time>
         </li>
+    </ul>
+    <ul>
         {{ if .hasSaveEntry }}
             <li>
                 <a href="#"
@@ -355,7 +357,7 @@ var templateCommonMapChecksums = map[string]string{
 	"entry_pagination": "4faa91e2eae150c5e4eab4d258e039dfdd413bab7602f0009360e6d52898e353",
 	"feed_list":        "db406e7cb81292ce1d974d63f63270384a286848b2e74fe36bf711b4eb5717dd",
 	"feed_menu":        "318d8662dda5ca9dfc75b909c8461e79c86fb5082df1428f67aaf856f19f4b50",
-	"item_meta":        "061107d7adf9b7430b5f28a0f452a294df73c3b16c19274e9ce6f7cdf71064a4",
+	"item_meta":        "d046305e8935ecd8643a94d28af384df29e40fc7ce334123cd057a6522bac23f",
 	"layout":           "a1f67b8908745ee4f9cee6f7bbbb0b242d4dcc101207ad4a9d67242b45683299",
 	"pagination":       "3386e90c6e1230311459e9a484629bc5d5bf39514a75ef2e73bbbc61142f7abb",
 	"settings_menu":    "78e5a487ede18610b23db74184dab023170f9e083cc0625bc2c874d1eea1a4ce",

template/html/common/item_meta.html

@@ -7,6 +7,8 @@
         <li>
             <time datetime="{{ isodate .entry.Date }}" title="{{ isodate .entry.Date }}">{{ elapsed .user.Timezone .entry.Date }}</time>
         </li>
+    </ul>
+    <ul>
         {{ if .hasSaveEntry }}
             <li>
                 <a href="#"

ui/static/css/common.css

@@ -632,6 +632,9 @@ a.button {
 }
 
 .item-meta {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: space-between;
     color: var(--item-meta-focus-color);
     font-size: 0.8em;
 }