Beautified the tags.

cotes2020 · cotes2020 · commit 488a30d290b9 · 2019-11-20T01:50:55.000+08:00
diff --git a/assets/css/_src/main.scss b/assets/css/_src/main.scss
@@ -425,10 +425,10 @@ footer .license a {
   line-height: 1rem;
   font-size: 0.85rem;
   background: none;
-  border: 1px solid #ced4da;
+  border: 1px solid #e9ecef;
   border-radius: .8rem;
-  padding: .25rem .5rem;
-  margin-bottom: .2rem;
+  padding: .3rem .5rem;
+  margin-bottom: .3rem;
 }
 
 #panel-tags .post-tag:hover {
@@ -977,12 +977,12 @@ table tbody td {
 /*--- Tab Tags and Tag-Page ---*/
 
 .tag {
-  border-radius: 0.55em;
-  padding: 4px 8px 5px;
+  border-radius: 0.7em;
+  padding: 6px 8px 7px;
   margin-right: .8rem;
   line-height: 3rem;
   letter-spacing: 0;
-  border: 1px solid #c5c6c7 !important;
+  border: 1px solid #dee2e6 !important;
   box-shadow: 0 0 3px 0 #e9ecef;
 }
 
diff --git a/tabs/tags.md b/tabs/tags.md
@@ -10,7 +10,7 @@ title: Tags
   'site.tags' looks like a Map, e.g. site.tags.MyTag.[ Post0, Post1, ... ]
   Print the {{ site.tags }} will help you to understand it.
 {% endcomment %}
-<div id="tags" class="d-flex flex-wrap">
+<div id="tags" class="d-flex flex-wrap ml-xl-2 mr-xl-2">
 {% assign tags = "" | split: "" %}
 {% for t in site.tags %}
   {% assign tags = tags | push: t[0] %}
