gmatte/EvalueTonSavoir
1
0
Fork 0
mirror of https://github.com/ets-cfuhrman-pfe/EvalueTonSavoir.git synced 2025-08-11 21:23:54 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Moved buttons around

Browse source
This commit is contained in:
KenChanA 2025-03-17 00:52:11 -04:00
parent 490f4dab76
commit 7e597348a3
2 changed files with 85 additions and 83 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
client/src/components/QuestionsDisplay/MultipleChoiceQuestionDisplay/MultipleChoiceQuestionDisplay.tsx
View file

@ -72,8 +72,9 @@ const MultipleChoiceQuestionDisplay: React.FC<Props> = (props) => {
const alpha = Array.from(Array(26)).map((_e, i) => i + 65);
const alphabet = alpha.map((x) => String.fromCharCode(x));
return (
<div className="question-container" style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
<div className="container">
<div className="row justify-content-center">
<div className="col-auto question-container">
<div className="question content">
<div dangerouslySetInnerHTML={{ __html: FormattedTextTemplate(question.formattedStem) }} />
</div>
@ -145,9 +146,9 @@ const MultipleChoiceQuestionDisplay: React.FC<Props> = (props) => {
</Button>
)}
</div>
{isDisplayOnly && (
<div>
<div className="col-auto d-flex align-items-center justify-content-end">
<Button
variant="outlined"
onClick={toggleShowCorrectAnswers}
@ -158,6 +159,7 @@ const MultipleChoiceQuestionDisplay: React.FC<Props> = (props) => {
</div>
)}
</div>
</div>
);
};

2
client/src/components/QuestionsDisplay/TrueFalseQuestionDisplay/TrueFalseQuestionDisplay.tsx
View file

@ -105,7 +105,7 @@ const TrueFalseQuestionDisplay: React.FC<Props> = (props) => {
</div>
{showCorrectAnswers && (
<>
<div className="pick-rate">{question.isTrue ? '✅' : '❌'} {pickRates.trueRate}/{pickRates.totalCount} ({pickRates.trueRate.toFixed(1)}%)</div>
<div className="pick-rate">{question.isTrue ? '✅' : '❌'} {pickRates.trueCount}/{pickRates.totalCount} ({pickRates.trueRate.toFixed(1)}%)</div>
</>
)}