Fix SDK and project dropdown boxes display with mozilla

Change-Id: If61e52ecf2374941301ed2c0a6427e253599ba85
Signed-off-by: elisa castro <elisa.castro@iot.bzh>

1 files changed, 10 insertions, 0 deletions

diff --git a/webapp/src/app/pages/build/build.component.scss b/webapp/src/app/pages/build/build.component.scss
index 5308f3f..333c4d4 100644
--- a/webapp/src/app/pages/build/build.component.scss
+++ b/webapp/src/app/pages/build/build.component.scss
@@ -1,20 +1,24 @@
 @import '../../@theme/styles/themes';
 @import '~bootstrap/scss/mixins/breakpoints';
 @import '~@nebular/theme/styles/global/bootstrap/breakpoints';
+
 @include nb-install-component() {
   nb-tabset {
     height: 100%;
     display: flex;
     flex-direction: column;
   }
+
   nb-tab {
     padding: nb-theme(padding);
   }
+
   /deep/ ngx-tab1,
   /deep/ ngx-tab2 {
     display: block;
     padding: nb-theme(padding);
   }
+
   @include media-breakpoint-down(xs) {
     nb-tabset /deep/ul {
       font-size: 1rem;
@@ -41,3 +45,9 @@ nb-action {
   width: 97%;
   overflow-y: scroll;
 }
+
+@-moz-document url-prefix('') {
+  .col-12 {
+    margin-bottom: 30px;
+  }
+}