Merged in feature/ux (pull request #139)

Feature/ux

scm-ui-components/packages/ui-components/src/BranchSelector.js

@@ -12,6 +12,11 @@ const styles = {
   },
   minWidthOfLabel: {
     minWidth: "4.5rem"
+  },
+  wrapper: {
+    padding: "1rem 1.5rem 0.25rem 1.5rem",
+    border: "1px solid #eee",
+    borderRadius: "5px 5px 0 0"
   }
 };
 
@@ -43,7 +48,13 @@ class BranchSelector extends React.Component<Props, State> {
 
     if (branches) {
       return (
-        <div className="box field is-horizontal">
+        <div
+          className={classNames(
+            "has-background-light field",
+            "is-horizontal",
+            classes.wrapper
+          )}
+        >
           <div
             className={classNames(
               "field-label",