Improve FastTrack focus style

Author: mlt47

src/app/components/elements/FastTrackProgress.tsx

@@ -492,7 +492,7 @@ export function FastTrackProgress({doc, search}: {doc: IsaacFastTrackQuestionPag
             </RS.Col>
             <RS.Col cols={12} className="d-block d-lg-none">
                 <div>
-                    {currentlyWorkingOn.isConcept && <h4>{currentlyWorkingOn.title} Practice</h4>}
+                    {currentlyWorkingOn.isConcept && <h4 className="mt-2">{currentlyWorkingOn.title} Practice</h4>}
                 </div>
             </RS.Col>
         </RS.Row>;

src/scss/common/fasttrack.scss

@@ -0,0 +1,12 @@
+#question-hexagons {
+  :focus {
+    outline: none !important;
+    polygon {
+      stroke: black;
+    }
+    text {
+      fill: black;
+      font-weight: bolder;
+    }
+  }
+}

src/scss/cs/isaac.scss

@@ -84,6 +84,7 @@ $tertiary-font: 'arconrounded-regular', sans-serif;
 @import "../common/focus";
 @import "../common/progress-bar";
 @import "../common/anvil";
+@import "../common/fasttrack";
 @import "button";
 @import "logo";
 

src/scss/phy/isaac.scss

@@ -118,10 +118,12 @@ $tertiary-font: 'arconrounded-regular', sans-serif;
 @import "../common/assignment-progress";
 @import "../common/groups";
 @import "../common/events";
+@import "../common/fasttrack";
 @import "books";
 @import "gameboard";
 @import "menu-page-phy";
 
+
 // Print
 @import "../common/print";