diff --git a/src/features/auth/components/LoginForm.tsx b/src/features/auth/components/LoginForm.tsx
index bd47635e..8399da89 100644
--- a/src/features/auth/components/LoginForm.tsx
+++ b/src/features/auth/components/LoginForm.tsx
@@ -26,7 +26,6 @@ function LoginForm({ isLoading, onLogin, onForgotPasswordClick }: Props) {
Forgot your password?
-
@@ -42,7 +41,8 @@ const styles: { [key: string]: React.CSSProperties } = {
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
- width: '100%',
+ width: '80vw',
+ maxWidth: 320,
},
textInput: {
marginTop: 20,
diff --git a/src/features/quiz/components/QuizProgress.tsx b/src/features/quiz/components/QuizProgress.tsx
index 63deb1ff..1aae3d9a 100644
--- a/src/features/quiz/components/QuizProgress.tsx
+++ b/src/features/quiz/components/QuizProgress.tsx
@@ -1,4 +1,3 @@
-import { useMediaQuery } from '@mui/material';
import { CmBackButton, CmTypography } from 'shared/components';
interface Props {
@@ -9,11 +8,9 @@ interface Props {
}
function QuizProgress({ onBack, currentQuestionIndex, maxQuestionIndex, alternativeText }: Props) {
- const isSmall = useMediaQuery('(max-width: 960px)');
-
// We only show the back button on the top for small screens. For larger screens it is beneath the question.
// And of course we don't show it on the first question, because there's no question to go back to.
- const showBackButtonTop = isSmall && (maxQuestionIndex - currentQuestionIndex) !== 9;
+ const showBackButtonTop = (maxQuestionIndex - currentQuestionIndex) !== 9;
// Calculate the current value of the progress bar.
let progress = currentQuestionIndex / 10 - 0.1;
diff --git a/src/pages/UserAUnauthorizedPages/LoginPage.tsx b/src/pages/UserAUnauthorizedPages/LoginPage.tsx
index 79f234e1..d85fc890 100644
--- a/src/pages/UserAUnauthorizedPages/LoginPage.tsx
+++ b/src/pages/UserAUnauthorizedPages/LoginPage.tsx
@@ -9,6 +9,7 @@ import { useMobileView } from 'shared/hooks';
function LoginPage() {
const devMode = localStorage.getItem('devMode') === 'true';
+
const navigate = useNavigate();
const location = useLocation();
const isMobile = useMobileView();
@@ -50,7 +51,7 @@ function LoginPage() {
setShowPasswordResetModal(true)} />
-
+ {devMode && }
{devMode && }
diff --git a/src/pages/UserBPages/UserBLoginPage.tsx b/src/pages/UserBPages/UserBLoginPage.tsx
index 77d6aa5b..143b9759 100644
--- a/src/pages/UserBPages/UserBLoginPage.tsx
+++ b/src/pages/UserBPages/UserBLoginPage.tsx
@@ -8,6 +8,8 @@ import { useMobileView } from 'shared/hooks';
import GoogleLogin from 'features/auth/components/GoogleLogin';
function UserBLoginPage() {
+ const devMode = localStorage.getItem('devMode') === 'true';
+
const navigate = useNavigate();
const { conversationId } = useParams();
const isMobile = useMobileView();
@@ -50,8 +52,8 @@ function UserBLoginPage() {
setShowPasswordResetModal(true)} />
-
-
+ {devMode && }
+ {devMode && }
setShowPasswordResetModal(false)} onSubmit={handlePasswordReset} />