Fix breadcrumb sorting

Author: odarriba

lib/error_tracker/web/live/show.html.heex

@@ -29,7 +29,10 @@
       <div class="relative overflow-x-auto shadow-md sm:rounded-lg ring-1 ring-gray-900">
         <table class="w-full text-sm text-gray-400 table-fixed">
           <tr
-            :for={{breadcrumb, index} <- Enum.with_index(@occurrence.breadcrumbs)}
+            :for={
+              {breadcrumb, index} <-
+                @occurrence.breadcrumbs |> Enum.reverse() |> Enum.with_index()
+            }
             class="border-b bg-gray-400/10 border-gray-900 last:border-b-0"
           >
             <td class="w-11 pl-2 py-4 font-medium text-white relative text-right">

priv/static/app.css

@@ -885,6 +885,10 @@ select {
   width: 2.5rem;
 }
 
+.w-11 {
+  width: 2.75rem;
+}
+
 .w-28 {
   width: 7rem;
 }
@@ -905,42 +909,6 @@ select {
   width: 100%;
 }
 
-.w-16 {
-  width: 4rem;
-}
-
-.w-12 {
-  width: 3rem;
-}
-
-.w-8 {
-  width: 2rem;
-}
-
-.w-7 {
-  width: 1.75rem;
-}
-
-.w-6 {
-  width: 1.5rem;
-}
-
-.w-\[5rem\] {
-  width: 5rem;
-}
-
-.w-11 {
-  width: 2.75rem;
-}
-
-.min-w-12 {
-  min-width: 3rem;
-}
-
-.table-auto {
-  table-layout: auto;
-}
-
 .table-fixed {
   table-layout: fixed;
 }
@@ -1165,6 +1133,10 @@ select {
   padding-bottom: 11.5px;
 }
 
+.pl-2 {
+  padding-left: 0.5rem;
+}
+
 .pr-2 {
   padding-right: 0.5rem;
 }
@@ -1173,10 +1145,6 @@ select {
   padding-right: 1.25rem;
 }
 
-.pl-2 {
-  padding-left: 0.5rem;
-}
-
 .text-left {
   text-align: left;
 }
@@ -1362,32 +1330,10 @@ select {
   border-radius: 4px;
 }
 
-.first\:border-y-0:first-child {
-  border-top-width: 0px;
-  border-bottom-width: 0px;
-}
-
-.first\:border-t-0:first-child {
-  border-top-width: 0px;
-}
-
 .last\:border-b-0:last-child {
   border-bottom-width: 0px;
 }
 
-.first-of-type\:border-y-0:first-of-type {
-  border-top-width: 0px;
-  border-bottom-width: 0px;
-}
-
-.first-of-type\:border-t-0:first-of-type {
-  border-top-width: 0px;
-}
-
-.first-of-type\:border-b-0:first-of-type {
-  border-bottom-width: 0px;
-}
-
 .last-of-type\:border-b-0:last-of-type {
   border-bottom-width: 0px;
 }