From 60bf2f38974bd59c5f41b15787ccf13e3a1e66b9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Benqu=C3=A9?= <mail@davidbenque.com>
Date: Thu, 12 Nov 2020 16:00:59 +0000
Subject: [PATCH 1/3] Fix layout of index page

---
 customize.dist/src/less2/include/infopages.less | 1 +
 customize.dist/src/less2/pages/page-index.less  | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/customize.dist/src/less2/include/infopages.less b/customize.dist/src/less2/include/infopages.less
index 3f0e219d8..c9441e238 100644
--- a/customize.dist/src/less2/include/infopages.less
+++ b/customize.dist/src/less2/include/infopages.less
@@ -42,6 +42,7 @@ body {
         padding-top: @infopages_padding;
         padding-bottom: @infopages_padding;
         min-height: 75vh;
+        max-width:950px;
         h1 {
             font-size: 3em;
             margin-bottom: 0.5em;
diff --git a/customize.dist/src/less2/pages/page-index.less b/customize.dist/src/less2/pages/page-index.less
index b9fa7f654..85e07b0f9 100644
--- a/customize.dist/src/less2/pages/page-index.less
+++ b/customize.dist/src/less2/pages/page-index.less
@@ -44,7 +44,10 @@
         }
     }
     .cp-home-hero {
+        width: 100%;
         margin-bottom: 50px;
+        align-self: center;
+        align-items: center;
     }
     .cp-title {
         display: flex;
@@ -84,6 +87,9 @@
         a {
             margin: 10px;
         }
+        @media screen and (max-width: 768px) {
+            margin-top: 40px;
+        }
     }
     @icons-size: 120px;
     @icons-text-size: 24px;

From a1b06fbff7d609827389725324a51cb899c983ab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Benqu=C3=A9?= <mail@davidbenque.com>
Date: Thu, 12 Nov 2020 16:05:51 +0000
Subject: [PATCH 2/3] correct footer layout on small screens

---
 customize.dist/pages.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/customize.dist/pages.js b/customize.dist/pages.js
index 302375c34..f885ebb9d 100644
--- a/customize.dist/pages.js
+++ b/customize.dist/pages.js
@@ -32,7 +32,7 @@ define([
     };
 
     var footerCol = function (title, L, literal) {
-        return h('div.col-6.col-sm-3', [
+        return h('div.col-sm-3', [
             h('ul.list-unstyled', [
                 h('li.footer-title', {
                     'data-localization': title,
@@ -80,7 +80,7 @@ define([
         return h('footer', [
             h('div.container', [
                 h('div.row', [
-                    h('div.col-6.col-sm-3', [
+                    h('div.col-sm-3', [
                         h('div.cp-logo-foot', [
                             h('img', {
                                 src: '/customize/CryptPad_logo.svg',

From dc0bb4ced4abac64df5315d5ce6a54b6dab70d1f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Benqu=C3=A9?= <mail@davidbenque.com>
Date: Thu, 12 Nov 2020 16:24:03 +0000
Subject: [PATCH 3/3] fix spacing of sections on index

---
 customize.dist/src/less2/include/infopages.less | 2 +-
 customize.dist/src/less2/pages/page-index.less  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/customize.dist/src/less2/include/infopages.less b/customize.dist/src/less2/include/infopages.less
index c9441e238..a507aad89 100644
--- a/customize.dist/src/less2/include/infopages.less
+++ b/customize.dist/src/less2/include/infopages.less
@@ -49,7 +49,7 @@ body {
         }
         h2 {
             font-size: 1.8em;
-            margin-top: 0px;
+            margin-top: 20px;
             margin-bottom: 0.5em;
         }
         h3 {
diff --git a/customize.dist/src/less2/pages/page-index.less b/customize.dist/src/less2/pages/page-index.less
index 85e07b0f9..c79f7c244 100644
--- a/customize.dist/src/less2/pages/page-index.less
+++ b/customize.dist/src/less2/pages/page-index.less
@@ -199,7 +199,7 @@
             }
         }
     }
-    // XX not applied
+
     #cp-main {
         .cp-container {
             .row.cp-index-section {