From cfb30bca8082d7f20c14056f02806d71c1e375e7 Mon Sep 17 00:00:00 2001
From: Jeff Atwood <jatwood@codinghorror.com>
Date: Fri, 5 May 2017 17:06:13 -0700
Subject: [PATCH] UX: simplify delete gap style

---
 .../discourse/widgets/post-gap.js.es6         |  2 +-
 .../stylesheets/common/base/topic-post.scss   | 35 +++----------------
 app/assets/stylesheets/mobile/topic-post.scss |  5 ---
 3 files changed, 5 insertions(+), 37 deletions(-)

diff --git a/app/assets/javascripts/discourse/widgets/post-gap.js.es6 b/app/assets/javascripts/discourse/widgets/post-gap.js.es6
index 68e0be1ad38..b4ca767e549 100644
--- a/app/assets/javascripts/discourse/widgets/post-gap.js.es6
+++ b/app/assets/javascripts/discourse/widgets/post-gap.js.es6
@@ -1,7 +1,7 @@
 import { createWidget } from 'discourse/widgets/widget';
 
 export default createWidget('post-gap', {
-  tagName: 'div.gap.jagged-border',
+  tagName: 'div.gap',
   buildKey: (attrs) => `post-gap-${attrs.pos}-${attrs.postId}`,
 
   defaultState() {
diff --git a/app/assets/stylesheets/common/base/topic-post.scss b/app/assets/stylesheets/common/base/topic-post.scss
index da4b50c2e66..aa739f782ab 100644
--- a/app/assets/stylesheets/common/base/topic-post.scss
+++ b/app/assets/stylesheets/common/base/topic-post.scss
@@ -300,39 +300,12 @@ blockquote > *:last-child {
 }
 
 .gap {
-  background-color: dark-light-diff($primary, $secondary, 90%, -60%);
-  padding: 5px 0;
+  padding: 0.25em 0 0.5em 4.3em;
   color: dark-light-choose(scale-color($primary, $lightness: 60%), scale-color($secondary, $lightness: 40%));
   cursor: pointer;
-  text-align: center;
-
-  &.jagged-border {
-    background-image:
-    linear-gradient(
-                    135deg,
-                    $secondary 50%, rgba(255,255,255,0) 50%
-    ),
-    linear-gradient(
-                    -135deg,
-                    $secondary 50%, rgba(255,255,255,0) 50%
-    ),
-    linear-gradient(
-                    45deg,
-                    $secondary 50%, rgba(255,255,255,0) 50%
-    ),
-    linear-gradient(
-                    -45deg,
-                    $secondary 50%, rgba(255,255,255,0) 50%
-    );
-    background-position:
-    top center, top center,
-    bottom center, bottom center;
-    background-size: .9em .9em;
-    background-repeat: repeat-x;
-    padding: 20px 0;
-    margin-bottom: 20px;
-  }
-
+  text-transform: uppercase;
+  font-weight: bold;
+  font-size: 0.9em;
 }
 
 .who-liked {
diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss
index 1c06d3d3793..d43c00572bc 100644
--- a/app/assets/stylesheets/mobile/topic-post.scss
+++ b/app/assets/stylesheets/mobile/topic-post.scss
@@ -557,11 +557,6 @@ span.highlighted {
   }
 }
 
-.gap.jagged-border {
-  margin-left: -10px;
-  margin-right: -10px;
-}
-
 .popup-menu {
   h3 {
     margin-bottom: 0;