fix: minor UI layout issues (#2270)

Author: dblythy

src/components/BrowserFilter/BrowserFilter.scss

@@ -22,7 +22,7 @@
   &:hover svg {
     fill: white;
   }
-  
+
   &.disabled {
     cursor: not-allowed;
     color: #66637A;
@@ -98,7 +98,7 @@
   padding: 11px 0;
   text-align: center;
 
-  > a {
+  > button {
     margin-right: 10px;
 
     &:last-child {

src/components/BrowserMenu/BrowserMenu.scss

@@ -90,11 +90,10 @@
 }
 
 .item {
-  padding: 6px 14px;
+  padding: 4px 14px;
   white-space: nowrap;
   cursor: pointer;
   color: white;
-  height: 26px;
 
   &:hover {
     background: $blue;

src/components/ColumnsConfiguration/ColumnsConfiguration.react.js

@@ -137,7 +137,7 @@ export default class ColumnsConfiguration extends React.Component {
                   onClick={this.showAll.bind(this)} />
                 <Button
                   color='white'
-                  value='Autosort'
+                  value='Auto-sort'
                   onClick={this.autoSort.bind(this)} />
               </div>
             </div>

src/components/Modal/Modal.react.js

@@ -55,26 +55,24 @@ let Modal = (({
 
   let footer = customFooter || (
     <div style={{textAlign: buttonsInCenter ? 'center' : 'right'}} className={styles.footer}>
-      {showCancel ? <Button
+      {showCancel && <Button
         value={cancelText}
         onClick={onCancel}
-        disabled={!canCancel} /> : null}
-      <Button
+        disabled={!canCancel} /> }
+      { showContinue && <Button
         primary={true}
-        value={confirmText}
+        value={continueText}
         color={buttonColors[type]}
         disabled={!!disabled}
-        onClick={onConfirm}
-        progress={progress} />
-      {
-      showContinue === true ?
+        onClick={onContinue}
+        progress={progress} /> }
       <Button
         primary={true}
-        value={continueText}
+        value={confirmText}
         color={buttonColors[type]}
         disabled={!!disabled}
-        onClick={onContinue}
-        progress={progress} />: null}
+        onClick={onConfirm}
+        progress={progress} />
     </div>
   );
 

src/components/Modal/Modal.scss

@@ -43,7 +43,7 @@
   position: absolute;
   font-size: 14px;
   color: white;
-  top: 49px;
+  top: 52px;
   left: 28px;
 }