fix add selling to current festival in api call from dashboard

assets/styles/pages/_dashboard.scss

@@ -1,6 +1,7 @@
 #caisse-now {
   min-height: 90vh;
-  padding-left: 10vw;
+  width: 70vw;
+  padding-left: 0;
 
   .product-box {
     display: inline-block;
@@ -21,7 +22,8 @@
       background: yellowgreen;
     }
 
-    .btn, button {
+    .btn,
+    button {
       font-size: 1.6rem;
       padding: 1.5rem;
       -webkit-border-radius: 1rem;
@@ -67,14 +69,14 @@
 // list of one category
 .one-category {
   background: #dedede;
-  width: 350px;
+  width: 31rem;
   margin: 0 4px;
   height: calc(74vh - 1rem);
   box-sizing: border-box;
   display: inline-block;
-  //vertical-align: top;
   white-space: nowrap;
-  //float: left;
+  overflow-y: auto;
+
   h2 {
     font-weight: bold;
 
@@ -106,6 +108,10 @@
   }
 }
 
+#loaded {
+  padding-bottom: 10rem;
+}
+
 #not_loaded {
   width: 100%;
   height: 75vh;
@@ -124,6 +130,6 @@
   text-align: center;
 }
 
-#main_options{
+#main_options {
   width: 100%;
 }

assets/styles/pages/_forms.scss

@@ -1,10 +1,11 @@
 form {
-  label{
+  label {
     min-width: 300px;
     padding-right: 2rem;
     padding-bottom: 1rem;
     margin-bottom: 0.5rem;
   }
+
   textarea,
   select {
     padding: 1rem 2rem;
@@ -15,29 +16,36 @@ form {
     width: 100%;
     min-width: 50vw;
   }
+
   input {
     padding: 1rem 2rem;
     border-radius: 0.5rem;
     border: solid 1px #ccc;
     margin-bottom: 0.5rem;
     width: 100%;
-    min-width: 30vw;
+    min-width: 30ch;
 
     [type="text"] {
       padding: 1rem 2rem;
       border-radius: 0.5rem;
     }
+
     [type="textarea"] {
       padding: 1rem 2rem;
       border-radius: 0.5rem;
     }
   }
 
-  button.btn, a {
+  button.btn,
+  a {
     padding: 1rem 2rem;
     border-radius: 0.5rem;
     border: solid 1px #ccc;
     background: blue;
     margin-bottom: 0.5rem;
   }
+}
+
+.btn-remove-all {
+  color: white;
 }

assets/styles/pages/global.scss

@@ -8,7 +8,8 @@ body {
   font-size: 1rem;
   line-height: 2rem;
 }
-.main-container-box{
+
+.main-container-box {
   padding-left: 5rem;
 }
 
@@ -21,12 +22,12 @@ body {
 }
 
 .bg-dark {
-  background:rgba(0,0,0,0.55) !important;
+  background: rgba(0, 0, 0, 0.55) !important;
 }
 
 .bg-shader {
   @extend .bg-dark;
-  min-height: 100vh;
+  min-height: 150vh;
 }
 
 #portfolio {
@@ -43,12 +44,13 @@ body {
 }
 
 .logged {
+
   #portfolio,
   #mainNav,
   .masthead,
   {
-    padding-left: 300px !important;
-  }
+  padding-left: 300px !important;
+}
 }
 
 .bg-img {
@@ -200,10 +202,12 @@ input {
   overflow-x: auto;
   z-index: 10;
 
-  i, svg{
+  i,
+  svg {
     min-width: 2rem;
     margin-right: 2ch;
   }
+
   .nav {
     width: 100%;
     min-width: 300px;
@@ -214,10 +218,11 @@ input {
       color: $light;
     }
 
-    .logo-home{
-      width : 300px;
+    .logo-home {
+      width: 300px;
       margin-bottom: 1em;
     }
+
     .btn-default {
       color: $light;
 
@@ -241,8 +246,8 @@ input {
   }
 }
 
-.nav > li > a:hover,
-.nav > li > a {
+.nav>li>a:hover,
+.nav>li>a {
   &:focus {
     background: transparent;
     border: none;
@@ -279,14 +284,14 @@ tr {
 }
 
 .table {
-  > div {
+  >div {
     &:hover {
       background: #ccc;
     }
   }
 }
 
-.table > thead > tr > td,
+.table>thead>tr>td,
 table td {
   padding: 0.5em;
 }
@@ -324,7 +329,7 @@ table td {
     min-height: 90vh;
   }
 
-  > .row {
+  >.row {
     min-height: 90vh;
 
     // for crud forms
@@ -335,7 +340,7 @@ table td {
         }
       }
 
-      + ul {
+      +ul {
         a {
           margin-top: 1em;
         }