Part of #1057

SURFscz · Nov 24, 2023 · 81e7420 · 81e7420
1 parent d7d63cd
commit 81e7420
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/client/src/pages/NotFound.jsx b/client/src/pages/NotFound.jsx
@@ -14,8 +14,10 @@ export default function NotFound({config}) {
     const html = DOMPurify.sanitize(I18n.t(`notFound.${errorMessage}`, {base_url: config.base_url}));
     return (
         <div className="mod-not-found">
-            <p className="not-found-msg" dangerouslySetInnerHTML={{__html: html}}/>
-            <NotFoundSVG/>
+            <div className="mod-inner-not-found">
+                <p className="not-found-msg" dangerouslySetInnerHTML={{__html: html}}/>
+                <NotFoundSVG/>
+            </div>
         </div>
     );
 }
diff --git a/client/src/pages/NotFound.scss b/client/src/pages/NotFound.scss
@@ -5,15 +5,27 @@
     max-width: $medium;
     width: 100%;
     margin: 40px auto;
+    display: flex;
+    flex-direction: column;
+
+    .mod-inner-not-found {
+        margin: 0 auto;
+        display: flex;
+    flex-direction: column;
+
+        @media (max-width: $compact-medium) {
+            margin: 0 10px;
+        }
 
-    @media (max-width: $tablet-max) {
-        margin: 40px 20px;
     }
 
     svg {
         margin-top: 25px;
         width: 480px;
         height: auto;
+        @media (max-width: $compact-medium) {
+        width: 90vw;
+        }
     }
 
     p.not-found-msg {