From 4a049b2a7a1e65e69d6366f34461ac360f013e65 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Sun, 14 May 2023 02:53:07 +0100
Subject: [PATCH] Skip colors

---
 .../FrameRenderer/FrameRenderer.css           |  2 +-
 .../TopicDetail/TopicProgressButton.tsx       | 22 +++++++++----------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/FrameRenderer/FrameRenderer.css b/src/components/FrameRenderer/FrameRenderer.css
index f47c20e24..e8c3e7244 100644
--- a/src/components/FrameRenderer/FrameRenderer.css
+++ b/src/components/FrameRenderer/FrameRenderer.css
@@ -58,7 +58,7 @@ svg .learning rect {
 }
 
 svg .skipped rect {
-  fill: #ff665a !important;
+  fill: #ff6e6e !important;
 }
 
 svg .learning rect[fill='rgb(51,51,51)'] + text,
diff --git a/src/components/TopicDetail/TopicProgressButton.tsx b/src/components/TopicDetail/TopicProgressButton.tsx
index 81647b4d3..38eefe6c7 100644
--- a/src/components/TopicDetail/TopicProgressButton.tsx
+++ b/src/components/TopicDetail/TopicProgressButton.tsx
@@ -133,17 +133,6 @@ export function TopicProgressButton(props: TopicProgressButtonProps) {
               Done
             </button>
           )}
-          {allowMarkingPending && (
-            <button
-              class="px-3 py-1.5 text-left text-sm text-gray-800 hover:bg-gray-100"
-              onClick={() => handleUpdateResourceProgress('pending')}
-            >
-              <span
-                class={`mr-2 inline-block h-2 w-2 rounded-full ${statusColors['pending']}`}
-              ></span>
-              Pending
-            </button>
-          )}
           {allowMarkingLearning && (
             <button
               class="px-3 py-1.5 text-left text-sm text-gray-800 hover:bg-gray-100"
@@ -155,6 +144,17 @@ export function TopicProgressButton(props: TopicProgressButtonProps) {
               In Progress
             </button>
           )}
+          {allowMarkingPending && (
+            <button
+              class="px-3 py-1.5 text-left text-sm text-gray-800 hover:bg-gray-100"
+              onClick={() => handleUpdateResourceProgress('pending')}
+            >
+              <span
+                class={`mr-2 inline-block h-2 w-2 rounded-full ${statusColors['pending']}`}
+              ></span>
+              Pending
+            </button>
+          )}
           {allowMarkingSkipped && (
             <button
               class="px-3 py-1.5 text-left text-sm text-gray-800 hover:bg-gray-100"