From ca13ec04a8643399f4f2d2fa2ca919d23a19e14d Mon Sep 17 00:00:00 2001
From: blackle <isabelle@blackle-mori.com>
Date: Tue, 24 Jan 2017 20:14:20 -0500
Subject: [PATCH] fix up spoilers

---
 .../components/components/status_content.jsx  |  2 +-
 app/assets/stylesheets/components.scss        | 34 -------------------
 2 files changed, 1 insertion(+), 35 deletions(-)

diff --git a/app/assets/javascripts/components/components/status_content.jsx b/app/assets/javascripts/components/components/status_content.jsx
index ff90226d8f..fbb413465c 100644
--- a/app/assets/javascripts/components/components/status_content.jsx
+++ b/app/assets/javascripts/components/components/status_content.jsx
@@ -92,7 +92,7 @@ const StatusContent = React.createClass({
 
       return (
         <div className='status__content' style={{ cursor: 'pointer' }} onMouseDown={this.handleMouseDown} onMouseUp={this.handleMouseUp}>
-          <p>
+          <p style={{ marginBottom: hidden ? '0px' : '' }} >
             <span dangerouslySetInnerHTML={spoilerContent} /> <a onClick={this.handleSpoilerClick}>{toggleText}</a>
           </p>
 
diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss
index dee53dcc78..2a8093be75 100644
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@@ -679,42 +679,8 @@
   }
 }
 
-.spoiler-helper {
-  margin-bottom: -20px !important;
-}
-
-.spoiler {
-  &::before {
-    margin-top: 20px;
-    display: block;
-    content: '';
-  }
-
-  display: inline;
-  cursor: pointer;
-  border-bottom: 1px dashed white;
-  .light & {
-    border-bottom: 1px dashed black;
-  }
-
-  &.spoiler-on {
-    &, & * {
-      color: transparent !important;
-    }
-    background: white;
-    .light & {
-      background: black;
-    }
-
-    .emojione {
-      opacity: 0;
-    }
-  }
-}
-
 @import 'boost';
 
-
 button i.fa-retweet {
   height: 19px;
   width: 22px;