Multiple UI Improvements

2 files changed, 57 insertions, 1 deletions

diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss
index 2374a9dbb..1a8e3f374 100644
--- a/web/sass-files/sass/partials/_responsive.scss
+++ b/web/sass-files/sass/partials/_responsive.scss
@@ -92,12 +92,14 @@
         font-size: 1em;
     }
 
-    .date-separator.hovered--after:before, .new-separator.hovered--after:before {
+    .date-separator.hovered--before:after, .date-separator.hovered--after:before, .new-separator.hovered--after:before, .new-separator.hovered--before:after {
         background: none !important;
     }
 
     .post {
 
+        background: none !important;
+
         .post__dropdown {
             line-height: 9px;
             text-decoration: none;
@@ -114,6 +116,10 @@
 
         }
 
+        .comment-icon__container {
+            visibility: visible;
+        }
+
         .post-list__content & {
 
             &:hover {
diff --git a/web/sass-files/sass/partials/_settings.scss b/web/sass-files/sass/partials/_settings.scss
index de7df403f..acec24231 100644
--- a/web/sass-files/sass/partials/_settings.scss
+++ b/web/sass-files/sass/partials/_settings.scss
@@ -145,6 +145,7 @@
                         padding-right: 25px;
                     }
                     &:before {
+                        pointer-events: none;
                         position: absolute;
                         top: 11px;
                         right: 50px;
@@ -181,12 +182,61 @@
 
             .theme-elements {
                 padding-left:15px;
+
                 .element {
                     margin-right:10px;
+
+                    &:nth-child(2n) {
+                        margin-right: 0;
+                    }
+
+                }
+            }
+
+            .theme-elements__header {
+                margin: 10px 20px 0px 0;
+                border-bottom: 1px solid #ccc;
+                padding: 5px 0 10px;
+                font-size: em(13.5px);
+                font-weight: 600;
+                cursor: pointer;
+
+                div, span {
+                    pointer-events: none;
+                }
+
+                .fa-minus {
+                    display: none;
                 }
+
+                &.open {
+                    .fa-minus {
+                        display: inline-block;
+                    }
+                    .fa-plus {
+                        display: none;
+                    }
+                }
+
+                .header__icon {
+                    float: right;
+                    @include opacity(0.5);
+                }
+
+            }
+
+            .theme-elements__body {
+                padding-top: 5px;
+                display: none;
+                @include legacy-pie-clearfix;
+                background: rgba(255, 255, 255, 0.05);
+                padding: 20px 0 0 20px;
+                margin: 0 20px 0 0;
+                @include border-radius(0 0 3px 3px);
             }
 
             .custom-label {
+                white-space: nowrap;
                 font-weight: normal;
                 font-size: 12px;
                 width: 100%;