CSS updates for mobile.

components/layout/MenuLayout.module.css

@@ -19,9 +19,16 @@
 
 @media only screen and (max-width: 992px) {
   .container {
+    flex-direction: column;
     height: auto;
   }
 
+  .container .menu {
+    display: flex;
+    justify-content: space-around;
+    align-items: flex-start;
+  }
+
   .container .content {
     border-top: 1px solid var(--gray300);
     border-left: 0;

components/pages/WebsiteDetails.js

@@ -49,7 +49,7 @@ export default function WebsiteDetails({ websiteId }) {
   } = usePageQuery();
 
   const BackButton = () => (
-    <div key="back-button" className={styles.backButton}>
+    <div key="back-button" className={classNames(styles.backButton, 'col-12')}>
       <Link key="back-button" href={resolve({ view: undefined })} icon={<Arrow />} size="small">
         <FormattedMessage id="label.back" defaultMessage="Back" />
       </Link>

components/pages/WebsiteDetails.module.css

@@ -33,3 +33,10 @@
 .eventschart {
   padding-top: 30px;
 }
+
+@media only screen and (max-width: 992px) {
+  .menu {
+    display: flex;
+    flex-direction: column;
+  }
+}