Fix public pages layout on mobile

diff --git a/ui/semantic/galette/globals/site.overrides b/ui/semantic/galette/globals/site.overrides
index 30d4e003b0861f9e0e566774b3c5605917b41dff..173437a007320df6dc41338519be20f14a2f49d9 100644 (file)
--- a/ui/semantic/galette/globals/site.overrides
+++ b/ui/semantic/galette/globals/site.overrides
@@ -113,7 +113,6 @@ body.pushable:not(.loggedin) {
   & > .pusher {
     display: flex;
     justify-content: center;
-    padding-bottom: 120px;
   }
   main ~ footer.ui.segment {
     margin-top: -120px;
@@ -181,6 +180,12 @@ footer .ui.horizontal.list > .item{
   font-size: .95rem;
 }
 
+@media only screen and (max-width: @largestMobileScreen) {
+  html.public_page .ui.ui.ui.container:not(.fluid) {
+    width: 100%;
+  }
+}
+
 @media only screen and (max-width: 991px) {
   #top-navbar nav {
     display: none;