From 70ab26241ff0a0b0d471a4c15441e149901e6337 Mon Sep 17 00:00:00 2001
From: Tdxdxoz <tdxdxoz@gmail.com>
Date: Mon, 28 Dec 2020 16:12:24 +0800
Subject: [PATCH] fix: UI of download link

---
 templates/list.html | 34 ++++++++++++++++++++--------------
 1 file changed, 20 insertions(+), 14 deletions(-)

diff --git a/templates/list.html b/templates/list.html
index 595d567..e906833 100644
--- a/templates/list.html
+++ b/templates/list.html
@@ -46,6 +46,10 @@
       font-weight: 700;
     }
 
+    .num-infos {
+      display: inline-block;
+    }
+
     a,
     a:hover,
     .btn-link,
@@ -387,22 +391,24 @@
         <pre class="ml-3">{{p.notes}}</pre>
         <div class="text-right">
           <small>@{{'匿名用户' if p.anon else p.author}} | {{p.create_date}}</small>
-          <button class="btn btn-link" id="like-{{p.id}}" onclick="like('{{p.id}}')">
-            <span class="num-info {{'num-info-active' if p.is_liked() else ''}}">好评(<span>{{p.like_num}}</span>)</span>
-          </button>
-          <span>
-            <a href="{{p.id}}/download?v={{ipfs_version}}" target="_blank" class="btn btn-link pl-0 pr-0" id="download-{{p.id}}">
-              <span class="num-info {{'num-info-active' if p.is_downloaded() else ''}}">去下载({{p.down_num}})</span>
-            </a>
-            <button type="button" class="btn btn-link pl-0 dropdown-toggle dropdown-toggle-split" id="downloadDropdownMenuReference" data-toggle="dropdown" data-reference="parent">
-              <span class="sr-only">Toggle Dropdown</span>
+          <div class="num-infos">
+            <button class="btn btn-link" id="like-{{p.id}}" onclick="like('{{p.id}}')">
+              <span class="num-info {{'num-info-active' if p.is_liked() else ''}}">好评(<span>{{p.like_num}}</span>)</span>
             </button>
-            <div class="dropdown-menu" style="min-width: 5rem">
-              <a class="dropdown-item" href="{{p.id}}/download?type=zip" target="_blank" id="download-zip-{{p.id}}">
-                <span class="num-info">打包下载</span>
+            <span>
+              <a href="{{p.id}}/download?v={{ipfs_version}}" target="_blank" class="btn btn-link px-0" id="download-{{p.id}}">
+                <span class="num-info {{'num-info-active' if p.is_downloaded() else ''}}">去下载({{p.down_num}})</span>
               </a>
-            </div>
-          </span>
+              <button type="button" class="btn btn-link px-0 dropdown-toggle dropdown-toggle-split" id="downloadDropdownMenuReference" data-toggle="dropdown" data-reference="parent">
+                <span class="sr-only">Toggle Dropdown</span>
+              </button>
+              <div class="dropdown-menu" style="min-width: 5rem">
+                <a class="dropdown-item" href="{{p.id}}/download?type=zip" target="_blank" id="download-zip-{{p.id}}">
+                  <span class="num-info">打包下载</span>
+               </a>
+              </div>
+            </span>
+          </div>
         </div>
       </div>
       {% endfor %}