add default branch selector

Author: taylordolan

client/assets/styles/scss/modals/modals-forms.scss

@@ -157,6 +157,7 @@
     // max-width on buttons
     > .btn,
     .btn-wrapped {
+      @extend %btn-sm;
       display: block;
       font-size: 16px;
       max-width: 360px;

client/assets/styles/scss/views/views-new-service.scss

@@ -14,6 +14,11 @@
       max-width: 330px;
     }
 
+    // for "name" form
+    + .label {
+      margin-bottom: 0;
+    }
+
     .btn-radio {
       border-radius: $input-border-radius-lg;
       flex: 1 1 50%;
@@ -44,6 +49,15 @@
     }
   }
 
+  // for branch selector
+  .btn-wrapped {
+    @extend %btn-md;
+    display: block;
+    font-weight: 400;
+    padding-left: 8px;
+    width: 100%;
+  }
+
   // for the nested compose test file
   .well > .label {
     margin-bottom: 0;

client/directives/components/fancySelectors/branchSelector/branchSelectorView.jade

@@ -1,4 +1,4 @@
-fancy-select.btn-sm.white.btn-wrapped(
+fancy-select.white.btn-wrapped(
   ng-disabled = "branchFetching || !state.repo.branches.models.length"
   ng-required = "true"
   on-update = "onBranchChange"

client/directives/components/newContainer/forms/configureNewServiceView.jade

@@ -51,10 +51,14 @@ section.grid-block.vertical.modal-body(
     )
 
     //- form for naming the environment
-    form.grid-block.vertical.label(
+    form.grid-block.vertical.label.label-name(
       name = "NCC.nameForm"
       ng-include = "'nameNewServiceView'"
     )
+    
+    form.grid-block.vertical.label(
+      ng-include = "'defaultBranchView'"
+    )
 
     .grid-block.vertical.views-kubernetes-setup(
       ng-if = "NCC.state.dockerFileTab === 'kubernetes'"

client/directives/components/newContainer/forms/defaultBranchView.jade

@@ -0,0 +1,9 @@
+label
+  .padding-xxs.small.label-sm Branch
+  div(
+    auto-update = "true"
+    branch-selector
+    loading-promises-target = "editServerModal"
+    state = "state"
+  )
+  small.padding-xxs.small Select the branch you want to add first.