Sort out UpdateExerciseNotice's alignment

exercism · Nov 4, 2024 · 66dc116 · 66dc116
1 parent 8a7b1dd
commit 66dc116
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/app/css/components/exercise-header.css b/app/css/components/exercise-header.css
@@ -23,6 +23,7 @@
     }
     & .update-bar {
         background: var(--backgroundColorCAlert);
+        @apply text-left;
         @apply border-2 border-lightGold rounded-8;
         @apply py-10 px-24;
         @apply text-textColor2 text-16 leading-160 font-semibold;
@@ -35,7 +36,7 @@
         }
 
         & .faux-link {
-            @apply text-prominentLinkColor ml-auto;
+            @apply text-prominentLinkColor ml-auto text-right md:block contents;
         }
     }
 

diff --git a/app/javascript/components/student/UpdateExerciseNotice.tsx b/app/javascript/components/student/UpdateExerciseNotice.tsx
@@ -21,7 +21,7 @@ export default function UpdateExerciseNotice({
       >
         <Icon icon="warning" alt="Warning" />
         This exercise has been updated. Update to the latest version and see if
-        your tests still pass.
+        your tests still pass.&nbsp;
         <div className="faux-link">See what&apos;s changed…</div>
       </button>
       <ExerciseUpdateModal