Fix duplicate

Author: ericmj

assets/css/app.css

@@ -382,6 +382,32 @@ table.package-list .button {
   margin-bottom: 0;
 }
 
+.diff-stats-header {
+  margin: 15px 0;
+  padding: 10px 0;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.diff-stats-header span {
+  margin-right: 15px;
+  font-family: 'SFMono-Regular', 'Consolas', 'Liberation Mono', 'Menlo', monospace;
+  font-size: 14px;
+}
+
+.diff-stats-header .files-changed {
+  color: #ddd;
+}
+
+.diff-stats-header .additions {
+  color: #4CAF50;
+  font-weight: 600;
+}
+
+.diff-stats-header .deletions {
+  color: #f44336;
+  font-weight: 600;
+}
+
 
 
 @media only screen

lib/diff_web/live/diff_live_view.ex

@@ -26,17 +26,11 @@ defmodule DiffWeb.DiffLiveView do
         </div>
       <% else %>
         <div class="search-area">
-          <h1 class="package-header"><%= @package %></h1>
-          <div class="package-sub-header">
-            <span><%= @from %></span>
-            <span>→</span>
-            <span><%= @to %></span>
+          <div class="diff-stats-header">
+            <span class="files-changed"><%= @metadata.files_changed %> files changed</span>
+            <span class="additions">+<%= @metadata.total_additions %></span>
+            <span class="deletions">-<%= @metadata.total_deletions %></span>
           </div>
-
-        <div class="package-sub-header">
-          Files: <%= @metadata.files_changed %> |
-          +<%= @metadata.total_additions %> |
-          -<%= @metadata.total_deletions %>
         </div>
 
         <%= if @generating do %>
@@ -86,7 +80,6 @@ defmodule DiffWeb.DiffLiveView do
             </div>
           <% end %>
         </div>
-        </div>
       <% end %>
     <% end %>
     """