Fix #1659, rename #share-button to #toggle-share. Remove some styles …

…that appeared to be for the share button, but didn't apply to anything

server/src/views/frame.js

@@ -378,7 +378,7 @@ class Frame extends React.Component {
   unsharePanelHandler(e) {
     let el = e.target;
     while (el) {
-      if (el.id === "share-buttons-panel" || el.id === "share-button") {
+      if (el.id === "share-buttons-panel" || el.id === "toggle-share") {
         // A click in the share panel itself
         return;
       }
@@ -573,7 +573,7 @@ class Frame extends React.Component {
             </div>
           </div>
           <div className="more-shot-actions right">
-            <button className="button primary" id="share-button" onClick={ this.onClickShareButton.bind(this) }>
+            <button className="button primary" id="toggle-share" onClick={ this.onClickShareButton.bind(this) }>
               Share
             </button>
             <a className="button secondary" href={ clipUrl } onClick={ this.onClickDownload.bind(this) }

static/css/styles.scss

@@ -152,19 +152,6 @@ a:hover {
   font-size: 12px;
 }
 
-.share-button {
-  margin-left: 15px;
-  background: #0996f8;
-  color: #fff;
-  border-radius: 4px;
-  border: 1px solid #0675d3;
-  height: 32px;
-  cursor: pointer;
-  vertical-align: middle;
-  padding: 6px 15px;
-  font-size: 12px;
-}
-
 .trash-button {
   margin-left: 15px;
   border-radius: 4px;