Fix SDK and project dropdown boxes display with mozilla

[src/xds/xds-agent.git] / webapp / src / app / pages / build / build.component.scss

diff --git a/webapp/src/app/pages/build/build.component.scss b/webapp/src/app/pages/build/build.component.scss
index b256f66..333c4d4 100644 (file)
--- 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;
@@ -23,6 +27,12 @@
   }
 }
 
+.right {
+  display: flex;
+  flex-direction: row-reverse;
+  padding-right: 30px;
+}
+
 nb-action {
   i {
     font-size: 2rem;
@@ -35,3 +45,9 @@ nb-action {
   width: 97%;
   overflow-y: scroll;
 }
+
+@-moz-document url-prefix('') {
+  .col-12 {
+    margin-bottom: 30px;
+  }
+}