Ajout de marges à .container (< 768px)

frontend/views/site/index.php

@@ -61,7 +61,7 @@ $this->setPageTitle('Plateforme de réservation de pain') ;
                 <img class="img" src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/clients.png" id="img-clients" />
                 <span>Clients</span>
             </h2>
-            <p><em>Réservez vos produits en ligne et récupérez votre commande<br />
+            <p><em>Réservez vos produits en ligne et récupérez votre commande
             chez votre producteur ou dans un dépôt près de chez vous.</em></p>
             <ul>
                 <li>Garantie d'avoir vos produits</li>
@@ -78,7 +78,7 @@ $this->setPageTitle('Plateforme de réservation de pain') ;
                 <span>Producteur</span>
             </h2>
 
-            <p><em>Simplifiez la gestion de vos commandes<br /> et optimisez votre production.</em></p>
+            <p><em>Simplifiez la gestion de vos commandes et optimisez votre production.</em></p>
 
             <ul>
                 <li>Prise de commande en ligne automatisée</li>

frontend/web/css/screen.css

@@ -1773,72 +1773,82 @@ pris connaissance de la licence CeCILL, et que vous en avez accepté les
 termes.
 */
 @media screen and (min-width: 768px) and (max-width: 1000px) {
-  /* line 42, ../sass/_responsive.scss */
+  /* line 41, ../sass/_responsive.scss */
   #header nav .navbar-nav {
     padding-top: 30px;
   }
-  /* line 48, ../sass/_responsive.scss */
+  /* line 47, ../sass/_responsive.scss */
   #header nav ul li a {
     padding: 3px 7px;
     font-size: 13px;
   }
 }
 @media screen and (max-width: 768px) {
-  /* line 61, ../sass/_responsive.scss */
+  /* line 60, ../sass/_responsive.scss */
   #content {
     padding-top: 0px;
   }
 
   /* line 65, ../sass/_responsive.scss */
+  #main .container {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+
+  /* line 72, ../sass/_responsive.scss */
   #header {
     position: relative;
   }
-  /* line 68, ../sass/_responsive.scss */
+  /* line 75, ../sass/_responsive.scss */
+  #header #link-home {
+    padding-left: 15px;
+  }
+  /* line 79, ../sass/_responsive.scss */
   #header .navbar-collapse {
     border: 0px none;
   }
-  /* line 72, ../sass/_responsive.scss */
+  /* line 83, ../sass/_responsive.scss */
   #header nav {
     width: 100%;
   }
-  /* line 74, ../sass/_responsive.scss */
+  /* line 85, ../sass/_responsive.scss */
   #header nav ul {
     display: block;
     float: none;
     margin: 0px none;
     border: 0px none;
   }
-  /* line 80, ../sass/_responsive.scss */
+  /* line 91, ../sass/_responsive.scss */
   #header nav ul li {
     display: block;
     float: none;
   }
-  /* line 83, ../sass/_responsive.scss */
+  /* line 94, ../sass/_responsive.scss */
   #header nav ul li a {
     display: block;
   }
-  /* line 90, ../sass/_responsive.scss */
+  /* line 101, ../sass/_responsive.scss */
   #header nav ul li#logo {
     display: block;
   }
-  /* line 97, ../sass/_responsive.scss */
+  /* line 108, ../sass/_responsive.scss */
   #header a#link-commander {
     display: none;
   }
 
-  /* line 102, ../sass/_responsive.scss */
+  /* line 113, ../sass/_responsive.scss */
   #content #points-vente .content {
     padding-left: 10px;
     margin-top: 30px;
   }
 
-  /* line 107, ../sass/_responsive.scss */
+  /* line 118, ../sass/_responsive.scss */
   #menu-user {
     position: relative;
     top: 0px;
   }
 
-  /* line 112, ../sass/_responsive.scss */
+  /* line 123, ../sass/_responsive.scss */
   .connected #content {
     padding-top: 0px;
   }

frontend/web/sass/_responsive.scss

@@ -38,7 +38,6 @@ termes.
     
     #header {
         nav {
-            
             .navbar-nav {
                 padding-top: 30px ;
             }
@@ -61,10 +60,22 @@ termes.
     #content {
         padding-top: 0px ;
     }
+    
+    #main {
+        .container {
+            padding-left: 15px ;
+            padding-right: 15px ;
+        }
+    }
+    
 
     #header {
         position: relative ;
 
+        #link-home {
+            padding-left: 15px ;
+        }
+        
         .navbar-collapse {
             border: 0px none ;
         }