fix: updated text align for description

ishwarrimal · Nov 29, 2024 · 14342e0 · 14342e0
1 parent 1062e83
commit 14342e0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/components/Popup/Popup.jsx b/src/components/Popup/Popup.jsx
@@ -10,7 +10,9 @@ const Popup = ({ show, correct, description, onClose }) => {
     <div className={`popup-overlay`}>
       <div className={`popup ${correct ? "popup-correct" : "popup-wrong"}`}>
         <h3>{correct ? "Correct!" : "Wrong!"}</h3>
+        <div className="description">
         <ReactMarkdown>{description}</ReactMarkdown>
+        </div>
         <button className="popup-done-button" onClick={onClose}>
           Done
         </button>

diff --git a/src/components/Popup/popup.css b/src/components/Popup/popup.css
@@ -47,6 +47,10 @@
   .popup-done-button:hover {
     background-color: #0056b3;
   }
+
+  .description {
+    text-align: left;
+  }
 
   @keyframes fadeIn {
     from {