From 17ba8604b903e5f87a960ab88d34d884ff6d84d8 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Thu, 22 Apr 2021 18:28:17 +0200
Subject: credits

---
 frontend/site/projects/museum/views/credits.js | 17 +++++++--------
 frontend/site/projects/museum/views/mobile.css | 29 ++++++++++++++++++++++++++
 2 files changed, 37 insertions(+), 9 deletions(-)

diff --git a/frontend/site/projects/museum/views/credits.js b/frontend/site/projects/museum/views/credits.js
index dcc799b..7ed3eb4 100644
--- a/frontend/site/projects/museum/views/credits.js
+++ b/frontend/site/projects/museum/views/credits.js
@@ -37,23 +37,22 @@ class Credits extends Component {
     return (
       <div className="page page-credits">
         <div className="page-title">{LastMuseumLogo}</div>
-        <div className="page-content">
+
+        <div className="page-content credits-columns">
           <div className="page-left">
             <div className="page-subtitle">CREDITS</div>
+            <div dangerouslySetInnerHTML={{ __html: CREDITS_STRINGS.site_credits[language] }} />
           </div>
+
           <div className="page-right">
             <div className="page-subtitle">{CREDITS_STRINGS.artwork_credits_head[language]}</div>
+            <div className="columns">
+              <div className="column" dangerouslySetInnerHTML={{ __html: CREDITS_STRINGS.artist_credits_1[language] }} />
+              <div className="column" dangerouslySetInnerHTML={{ __html: CREDITS_STRINGS.artist_credits_2[language] }} />
+            </div>
           </div>
         </div>
 
-        <div className="page-content">
-          <div className="page-left" dangerouslySetInnerHTML={{ __html: CREDITS_STRINGS.site_credits[language] }} />
-
-          <div className="page-right columns">
-            <div className="column" dangerouslySetInnerHTML={{ __html: CREDITS_STRINGS.artist_credits_1[language] }} />
-            <div className="column" dangerouslySetInnerHTML={{ __html: CREDITS_STRINGS.artist_credits_2[language] }} />
-          </div>
-        </div>
         <div className="page-content icon-rows">
           <div className="icons">
             <img className="kw-logo" src="/last-museum/static/media/last-museum/kw-black.png" />
diff --git a/frontend/site/projects/museum/views/mobile.css b/frontend/site/projects/museum/views/mobile.css
index 688fa2a..b195911 100644
--- a/frontend/site/projects/museum/views/mobile.css
+++ b/frontend/site/projects/museum/views/mobile.css
@@ -105,6 +105,35 @@
     margin: 1rem 0;
   }
 
+  /* credits */
+  .page-credits .credits-columns {
+    display: flex;
+    flex-direction: column;
+  }
+  .page-credits .page-left {
+    width: 100%;
+  }
+  .page-credits .page-right {
+    width: 100%;
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+  }
+  .page-credits .page-right .column {
+    width: 100%;
+  }
+  .page-credits .page-right .column:first-child {
+    margin: 0;
+  }
+  .page-credits .columns {
+    flex-direction: column;
+  }
+  .page-subtitle {
+    font-size: 1.2rem;
+  }
+  .app > div.page.page-credits {
+    font-size: 0.8rem;
+  }
+
   /* charles */
   .charles-text {
     width: 90vw;
-- 
cgit v1.2.3-70-g09d2