[producer] Adaptation responsive

producer/web/css/screen.css

@@ -1745,82 +1745,82 @@ termes.
     left: 0px;
     text-align: center;
     width: 100%;
+    padding: 0px;
   }
-  /* line 46, ../sass/_responsive.scss */
+  /* line 48, ../sass/_responsive.scss */
   #header-bap #logo {
     margin-left: 10px;
   }
 
-  /* line 52, ../sass/_responsive.scss */
-  #header .container {
-    margin-left: 15px;
-    margin-right: 15px;
-  }
-  /* line 58, ../sass/_responsive.scss */
-  #header #credit .info {
-    display: block;
+  /* line 54, ../sass/_responsive.scss */
+  #left .fixed {
+    position: relative;
   }
 
-  /* line 67, ../sass/_responsive.scss */
+  /* line 62, ../sass/_responsive.scss */
+  #main #img-big {
+    display: none;
+  }
+  /* line 68, ../sass/_responsive.scss */
   #main nav#main-nav ul li {
     display: block;
     float: none;
   }
-  /* line 71, ../sass/_responsive.scss */
+  /* line 72, ../sass/_responsive.scss */
   #main nav#main-nav ul li.active a {
     border-bottom: solid 1px white;
     background-color: #FF7F00;
     color: white;
   }
-  /* line 76, ../sass/_responsive.scss */
+  /* line 77, ../sass/_responsive.scss */
   #main nav#main-nav ul li.active a:hover {
     background-color: #FF7F00;
     color: white;
   }
-  /* line 82, ../sass/_responsive.scss */
+  /* line 83, ../sass/_responsive.scss */
   #main nav#main-nav ul li a {
     display: block;
     border-bottom: solid 1px #e0e0e0;
   }
-  /* line 86, ../sass/_responsive.scss */
+  /* line 87, ../sass/_responsive.scss */
   #main nav#main-nav ul li a:hover {
     background-color: white;
     color: #FF7F00;
   }
-  /* line 93, ../sass/_responsive.scss */
+  /* line 94, ../sass/_responsive.scss */
   #main nav#main-nav ul li#btn-administration {
     float: none;
   }
-  /* line 95, ../sass/_responsive.scss */
+  /* line 96, ../sass/_responsive.scss */
   #main nav#main-nav ul li#btn-administration a:hover {
     background-color: white;
     color: #FF7F00;
   }
-  /* line 103, ../sass/_responsive.scss */
+  /* line 104, ../sass/_responsive.scss */
   #main h2#page-title {
     text-align: center;
   }
-  /* line 109, ../sass/_responsive.scss */
+  /* line 110, ../sass/_responsive.scss */
   #main #products td {
     padding: 3px;
   }
-  /* line 113, ../sass/_responsive.scss */
+  /* line 114, ../sass/_responsive.scss */
   #main #products .td-photo, #main #products .th-photo {
     display: none;
   }
-  /* line 117, ../sass/_responsive.scss */
+  /* line 118, ../sass/_responsive.scss */
   #main #products .product {
     font-size: 12px;
   }
-  /* line 119, ../sass/_responsive.scss */
+  /* line 120, ../sass/_responsive.scss */
   #main #products .product .nom {
     font-size: 15px;
   }
-  /* line 126, ../sass/_responsive.scss */
+  /* line 127, ../sass/_responsive.scss */
   #main #bar-fixed {
     position: relative;
   }
-  /* line 128, ../sass/_responsive.scss */
+  /* line 129, ../sass/_responsive.scss */
   #main #bar-fixed .btn-comment {
     float: none;
     display: block;
@@ -1829,66 +1829,70 @@ termes.
     margin-top: 15px;
   }
 
-  /* line 138, ../sass/_responsive.scss */
+  /* line 139, ../sass/_responsive.scss */
   .order-create #main #content .order-form #products .table .input-group,
   .order-update #main #content .order-form #products .table .input-group {
     width: 60px;
   }
-  /* line 142, ../sass/_responsive.scss */
+  /* line 143, ../sass/_responsive.scss */
   .order-create #main #content .order-form #products .table .input-group .form-control,
   .order-update #main #content .order-form #products .table .input-group .form-control {
     width: 20px;
     padding: 3px;
   }
 
-  /* line 148, ../sass/_responsive.scss */
+  /* line 149, ../sass/_responsive.scss */
   .order-create #main #content .order-form #bar-fixed #checkbox-credit,
   .order-update #main #content .order-form #bar-fixed #checkbox-credit {
     width: 100%;
     margin: 0px;
     padding: 5px 0px;
   }
-  /* line 154, ../sass/_responsive.scss */
+  /* line 155, ../sass/_responsive.scss */
   .order-create #main #content .order-form #bar-fixed #checkbox-credit .the-credit,
   .order-update #main #content .order-form #bar-fixed #checkbox-credit .the-credit {
     word-break: break-all;
   }
 
-  /* line 159, ../sass/_responsive.scss */
+  /* line 160, ../sass/_responsive.scss */
   .order-create #main #content .order-form #bar-fixed #block-confirm-order button,
   .order-update #main #content .order-form #bar-fixed #block-confirm-order button {
     width: 100%;
   }
 
   /* line 168, ../sass/_responsive.scss */
+  .order-order #app-order-order #steps ul {
+    height: auto;
+  }
+  /* line 170, ../sass/_responsive.scss */
   .order-order #app-order-order #steps ul li {
     padding-left: 0px;
     padding-right: 0px;
   }
-  /* line 172, ../sass/_responsive.scss */
+  /* line 174, ../sass/_responsive.scss */
   .order-order #app-order-order #steps ul li .info-step {
     display: none;
   }
-  /* line 176, ../sass/_responsive.scss */
+  /* line 178, ../sass/_responsive.scss */
   .order-order #app-order-order #steps ul li .btn::after,
   .order-order #app-order-order #steps ul li .btn::before {
     display: none;
   }
-  /* line 187, ../sass/_responsive.scss */
+  /* line 189, ../sass/_responsive.scss */
   .order-order #app-order-order table#products td.name .recipe {
     display: none;
   }
-  /* line 193, ../sass/_responsive.scss */
+  /* line 195, ../sass/_responsive.scss */
   .order-order #app-order-order table#products td.td-quantity .input-group-btn {
     width: 100%;
     display: block;
   }
-  /* line 197, ../sass/_responsive.scss */
+  /* line 199, ../sass/_responsive.scss */
   .order-order #app-order-order table#products td.td-quantity .input-group-btn button {
     width: 100%;
     display: block;
   }
-  /* line 207, ../sass/_responsive.scss */
+  /* line 209, ../sass/_responsive.scss */
   .order-order #app-order-order #order-success .alert .glyphicon-big {
     font-size: 90px;
     color: white;
@@ -1898,13 +1902,13 @@ termes.
     text-align: center;
     margin-bottom: 20px;
   }
-  /* line 216, ../sass/_responsive.scss */
+  /* line 218, ../sass/_responsive.scss */
   .order-order #app-order-order #order-success .alert div.content {
     margin-left: 0px;
     text-align: center;
   }
 
-  /* line 227, ../sass/_responsive.scss */
+  /* line 229, ../sass/_responsive.scss */
   #footer .content {
     text-align: center;
   }

producer/web/sass/_responsive.scss

@@ -43,25 +43,26 @@ termes.
         left: 0px ;
         text-align: center ;
         width: 100% ;
+        padding: 0px ;
+        
         #logo {
             margin-left: 10px ;
         }
     }
     
-    #header {
-        .container {
-            margin-left: 15px ;
-            margin-right: 15px ;
-        }
-        
-        #credit {
-            .info {
-                display: block ;
-            }
+    #left {
+        .fixed {
+            position: relative ;
         }
     }
     
+    
     #main {
+        
+        #img-big {
+            display: none ;
+        }
+        
         nav#main-nav {
             ul {
                 li {
@@ -165,6 +166,7 @@ termes.
         #app-order-order {
             #steps {
                 ul {
+                    height: auto ;
                     li {
                         padding-left: 0px ;
                         padding-right: 0px ;