add SnippetEditModal

browser/styles/shared/modal.styl

@@ -4,6 +4,7 @@
   overflow-y auto
   overflow-x auto
   background-color modalBaseColor
+  line-height 100%
   &.hide
     display none
   .modal
@@ -14,6 +15,12 @@
     border-radius 10px
     padding 15px
     box-shadow popupShadow
+    .modal-header
+      border-bottom solid 1px borderColor
+      margin-bottom 15px
+      h1
+        padding: 10px 0 15px;
+        font-size: 1.5em;
     .modal-footer
       clearfix()
       border-top solid 1px borderColor
@@ -24,6 +31,7 @@
   .launch-modal
     .modal-tab
       text-align center
+      margin-bottom 15px
       .btn-primary, .btn-default
         margin 0
         border-radius 0
@@ -37,17 +45,17 @@
           border-left none
           border-top-right-radius 10px
           border-bottom-right-radius 10px
-    textarea.snippetDescription
-      height 75px
-    .Select
+  textarea.snippetDescription
+    height 75px
+  .Select
+    .Select-control
+      border-color borderColor
+    &.is-focused
       .Select-control
-        border-color borderColor
-      &.is-focused
-        .Select-control
-          border-color brandBorderColor
-      .Select-menu-outer
-        border-color borderColor
-    .ace_editor
-      height 250px
-      border-radius 5px
-      border solid 1px borderColor
+        border-color brandBorderColor
+    .Select-menu-outer
+      border-color borderColor
+  .ace_editor
+    height 250px
+    border-radius 5px
+    border solid 1px borderColor