UX: simplify delete gap style

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() {

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 {

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;