Fix external link icon in contents list

layouts/partials/contents-list.html

@@ -5,7 +5,7 @@
 	<a {{with .Params.sitelink }}href="{{.}} "target="_blank"{{else}}href="{{.Permalink}}"{{end}}>
 		<section class="contents-list {{$kind}}">
 			<header>
-				<h3 class="list-icon {{.Section}}">{{.Title | markdownify}}{{with .Params.sitelink }}&nbsp;<i class="fa fa-external-link" aria-hidden="true"></i>{{end}}</h3>
+				<h3 class="list-icon {{.Section}}">{{.Title | markdownify}}{{with .Params.sitelink }}&nbsp;<i class="icon-link-external" aria-hidden="true"></i>{{end}}</h3>
 			</header>
 			<p>{{.Description | markdownify }}</p>
 		</section>

pipeline/scss/base/_fontello.scss

@@ -85,7 +85,7 @@
 .icon-html:before { content: '\f13b'; } /* '' */
 .icon-hugo:before { content: '\e802'; } /* '' */
 .icon-ie:before { content: '\e843'; } /* '' */
-.icon-link-ext:before { content: '\f08e'; } /* '' */
+.icon-link-external:before { content: '\f08e'; } /* '' */
 .icon-link:before { content: '\e812'; } /* '' */
 .icon-linux:before { content: '\f17c'; } /* '' */
 .icon-mail-alt:before { content: '\f0e0'; } /* '' */

pipeline/scss/components/_blockquotes.scss

@@ -3,7 +3,6 @@
     position: relative;
     display:block;
     margin:0px;
-    // border-left:2px solid $base-font-color;
     font-style: italic;
     background-color: $hugo-gray-ultra-light;
     padding: 16px;

pipeline/scss/components/_contents-list.scss

@@ -1,7 +1,7 @@
 .all-contents {
   // border-top: 1px solid $hugo-blue;
-  padding-top:1em;
-  font-size:.95em;
+  padding-top: 1em;
+  font-size: .95em;
 }
 
 .contents-list {
@@ -45,6 +45,11 @@
 .list-icon {
   display: flex;
   align-items: center;
+  i.icon-link-external {
+    position:relative;
+    display:inline-block;
+    margin-top:.1em;
+  }
 }
 
 .list-icon-wrapper {