From 522ff67c638512ad92df74fd7faddf1da7c37d6a Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaad@spinpunch.com>
Date: Mon, 15 Feb 2016 19:37:06 +0500
Subject: Multiple UI Improvements

---
 web/sass-files/sass/partials/_settings.scss | 50 +++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)

(limited to 'web/sass-files/sass/partials/_settings.scss')

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%;
-- 
cgit v1.2.3-1-g7c22


From 22aa2c8c07075f603a1408b7185c01b49d92fc7f Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaad@spinpunch.com>
Date: Mon, 15 Feb 2016 20:25:28 +0500
Subject: Fixing custom theme header click event

---
 web/sass-files/sass/partials/_settings.scss | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

(limited to 'web/sass-files/sass/partials/_settings.scss')

diff --git a/web/sass-files/sass/partials/_settings.scss b/web/sass-files/sass/partials/_settings.scss
index acec24231..c79b54922 100644
--- a/web/sass-files/sass/partials/_settings.scss
+++ b/web/sass-files/sass/partials/_settings.scss
@@ -144,6 +144,9 @@
                     select {
                         padding-right: 25px;
                     }
+                    select::-ms-expand {
+                        display: none;
+                    }
                     &:before {
                         pointer-events: none;
                         position: absolute;
@@ -201,10 +204,6 @@
                 font-weight: 600;
                 cursor: pointer;
 
-                div, span {
-                    pointer-events: none;
-                }
-
                 .fa-minus {
                     display: none;
                 }
-- 
cgit v1.2.3-1-g7c22