bootstrap style in form fields, bootstrap integration for select2

src/Bundle/ChillMainBundle/Resources/public/main.js

@@ -23,6 +23,7 @@ require('./js/collection/collections.js');
 
 // from node-modules
 require('select2/dist/css/select2.css');
+require('select2-bootstrap-theme/dist/select2-bootstrap.css');
 
 require('./modules/breadcrumb/index.js');
 require('./modules/download-report/index.js');

src/Bundle/ChillMainBundle/Resources/public/modules/bootstrap/_custom.scss

@@ -15,7 +15,7 @@ h1, h2, .h1, .h2 {
   margin: 1.5em 10px;
   padding: .5em 15px;
   quotes: "\201C" "\201D" "\2018" "\2019";
-  background-color: $gray-100;
+  background-color: $gray-200;
   blockquote {
     border-left: 0.4em solid $gray-400;
     padding-left: 0.9em;
@@ -23,17 +23,47 @@ h1, h2, .h1, .h2 {
     font-style: italic;
   }
 }
-form fieldset {
-  margin-top: 1em;
-  & > legend {
-    font-size: 1.438em;
-    font-weight: 700;
-    width: 100%;
-    border-bottom: 3px solid $gray-200;
-    margin-bottom: 1em;
-    h2 {
+
+@mixin title_in_form {
+  font-size: 1.438em;
+  font-weight: 700;
+  width: 100%;
+  border-bottom: 3px solid $gray-200;
+  margin-bottom: 1em;
+  display: block;
+}
+
+form {
+  fieldset {
+    margin-top: 1em;
+    & > legend {
+      @include title_in_form;
     }
   }
+  /* avoid useless html in first level of the custom fields row loop in forms
+   * (better should to improve the loop)
+   */
+  & > div.container-fluid {
+    & > div.row > .parent {
+      padding: 0;
+      & div.cf-fields span.cf-title {
+        margin: 1em -15px 0;
+        width: calc(100% + 30px);
+        @include title_in_form;
+      }
+    }
+  }
+}
+
+.sticky-form-buttons {
+  margin-top: 4em;
+  background-color: $beige;
+  position: sticky;
+  bottom: 0.3em;
+  text-align: center;
+  display: flex;
+  padding: 0.8em 1.6em;
+  border-radius: 0;
 }
 
 div.chill_address {
@@ -75,7 +105,7 @@ nav.navbar {
   }
   .dropdown-menu {
     .dropdown-item {
-        width: 120%;
+      width: 120%;
       i {
         float: right;
       }