fix main container padding in mobile view

.env

@@ -19,7 +19,7 @@ APP_ENV=dev
 APP_SECRET=EDIT_ME
 ###< symfony/framework-bundle ###
 
-APP_VERSION=1.5.5
+APP_VERSION=1.5.6
 
 APP_NAME=KevaChat
 

public/css/default.css

@@ -42,7 +42,6 @@ hr {
 body
 {
     font-size: 12px;
-    padding: 0 16px;
 }
 
 header
@@ -101,8 +100,10 @@ main
     display: block;
     margin: 16px auto 0 auto;
     max-width: var(--container-max-width);
-    padding-top: 132px;
     padding-bottom: 164px;
+    padding-left: 4px;
+    padding-right: 4px;
+    padding-top: 132px;
 }
 
 main ul