♻️ 外部リンクアイコンのスタイルを CSS クラスで管理

- <small> タグを削除し、external-link-icon CSS クラスを追加
- トップページと /news ページの両方で統一されたスタイルを適用
- フォントサイズ 0.7em、マージン、透明度を CSS で制御

Author: yasulab

app/assets/stylesheets/custom.scss

@@ -1106,3 +1106,10 @@ section {
     background-color: #ffe5e5; /* 薄い赤背景 */
   }
 }
+
+// News section external link icon
+.external-link-icon {
+  font-size: 0.7em;
+  margin-left: 0.2em;
+  opacity: 0.9;
+}

app/views/home/show.html.erb

@@ -201,7 +201,7 @@
         <% else %>
           <%= link_to news.link_url, target: '_blank' do %>
             <%= news.formatted_title %>
-            <small><small><i class="far fa-external-link"></i></small></small>
+            <i class="far fa-external-link external-link-icon"></i>
           <% end %>
         <% end %>
       </li>

app/views/news/index.html.erb

@@ -33,7 +33,7 @@
               <% else %>
 		<%= link_to news.link_url, target: '_blank' do %>
 		  <%= news.formatted_title %>
-		  <small><i class="far fa-external-link"></i></small>
+		  <i class="far fa-external-link external-link-icon"></i>
 		<% end %>
               <% end %>
             </h3>