From 52a66a158105fbe0a2f883148ba961b4e83f255b Mon Sep 17 00:00:00 2001
From: Stephen Mwangi <mail@stephenmwangi.com>
Date: Thu, 21 Mar 2024 08:31:34 +0300
Subject: [PATCH] style: reorder stats containers (#912)

---
 src/gui/DeckListView.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/gui/DeckListView.tsx b/src/gui/DeckListView.tsx
index c3141762..d1bf0b1f 100644
--- a/src/gui/DeckListView.tsx
+++ b/src/gui/DeckListView.tsx
@@ -109,9 +109,9 @@ export class DeckListView {
         const statistics: DeckStats = this.reviewSequencer.getDeckStats(TopicPath.emptyPath);
         this.stats.empty();
 
-        this._createHeaderStatsContainer(t("TOTAL_CARDS"), statistics.totalCount, "sr-bg-red");
-        this._createHeaderStatsContainer(t("NEW_CARDS"), statistics.newCount, "sr-bg-blue");
         this._createHeaderStatsContainer(t("DUE_CARDS"), statistics.dueCount, "sr-bg-green");
+        this._createHeaderStatsContainer(t("NEW_CARDS"), statistics.newCount, "sr-bg-blue");
+        this._createHeaderStatsContainer(t("TOTAL_CARDS"), statistics.totalCount, "sr-bg-red");
     }
 
     private _createHeaderStatsContainer(
@@ -200,16 +200,16 @@ export class DeckListView {
         statsWrapper.empty();
 
         this._createStatsContainer(
-            t("TOTAL_CARDS"),
-            statistics.totalCount,
-            "sr-bg-red",
+            t("DUE_CARDS"),
+            statistics.dueCount,
+            "sr-bg-green",
             statsWrapper,
         );
         this._createStatsContainer(t("NEW_CARDS"), statistics.newCount, "sr-bg-blue", statsWrapper);
         this._createStatsContainer(
-            t("DUE_CARDS"),
-            statistics.dueCount,
-            "sr-bg-green",
+            t("TOTAL_CARDS"),
+            statistics.totalCount,
+            "sr-bg-red",
             statsWrapper,
         );
     }