Restore spacing on Watch and Download buttons

js/component/link.js

@@ -132,7 +132,7 @@ var DownloadLink = React.createClass({
   render: function() {
     var label = (!this.state.downloading ? this.props.label : this.props.downloadingLabel);
     return (
-      <span>
+      <span className="button-container">
         <Link button={this.props.button} hidden={this.props.hidden} style={this.props.style}
               disabled={this.state.downloading} label={label} icon={this.props.icon} onClick={this.handleClick} />
         <Modal isOpen={this.state.modal == 'downloadStarted'} onConfirmed={this.closeModal}>
@@ -186,7 +186,7 @@ var WatchLink = React.createClass({
   },
   render: function() {
     return (
-      <span>
+      <span className="button-container">
         <Link button={this.props.button} hidden={this.props.hidden} style={this.props.style}
                    label={this.props.label} icon={this.props.icon} onClick={this.handleClick} />
         <Modal isOpen={this.state.modal == 'notEnoughCredits'} onConfirmed={this.closeModal}>

scss/_gui.scss

@@ -132,6 +132,13 @@ input[type="text"], input[type="search"]
   }
 }
 
+.button-container {
+  + .button-container
+  {
+    margin-left: 12px;
+  }
+}
+
 .button-block
 {
   cursor: pointer;
@@ -143,10 +150,6 @@ input[type="text"], input[type="search"]
   text-align: center;
   border-radius: 2px;
   text-transform: uppercase;
-  + .button-block
-  {
-    margin-left: 12px;
-  }
   .icon
   {
     top: 0em;