From ea6d950c9d2bfc3a7bce95d20e6e350a95025426 Mon Sep 17 00:00:00 2001
From: ZachTRice <contact@zachtrice.com>
Date: Thu, 6 Jul 2017 11:37:39 -0400
Subject: [PATCH 1/2] Changed title to inline to allow icon to wrap; added
 padding for icon - Changed the title from inline-block to inline to prevent
 absolutely positioned icon from hanging right when title wrapped to 2 lines.
 - Added padding on rows so that "i" icon did not overlay checkbox in some
 situations on mobile/tablet views

---
 web/css/wv.layers.modal.css | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/css/wv.layers.modal.css b/web/css/wv.layers.modal.css
index 0b5eca5042..2576c93834 100644
--- a/web/css/wv.layers.modal.css
+++ b/web/css/wv.layers.modal.css
@@ -275,7 +275,8 @@
 #layers-all .layers-all-title-wrap {
     position: relative;
     display: block;
-    margin-right: 50px;
+    margin-right: 66px;
+    padding-top: .5em;
 }
 #selected-category .ui-accordion-header,
 #layers-all .layers-all-layer {
@@ -325,8 +326,7 @@
     font-size:20px;
     line-height:100%;
     position: relative;
-    padding-top: .3em;
-    display: inline-block;
+    display: inline;
 }
 @media (min-width:753px) {
   #selected-category .ui-accordion-header h3,
@@ -436,9 +436,9 @@
 @media (min-width: 753px) {
   .layers-all-layer .layers-all-header .fa {
     padding: 10px 18px 16px;
-    top: 0;
+    top: auto;
     right: 0;
-    margin-top: 0;
+    margin-top: -6px;
     margin-left: 0;
   }
 }

From 96b82d97a8cfc52e2479538f4e6df5b39a767797 Mon Sep 17 00:00:00 2001
From: ZachTRice <contact@zachtrice.com>
Date: Thu, 6 Jul 2017 12:30:54 -0400
Subject: [PATCH 2/2] Added perfect scrollbar to jquery dialog. Removed
 draggable & resizable

---
 web/js/layers/wv.layers.info.js    | 3 +++
 web/js/layers/wv.layers.options.js | 2 ++
 2 files changed, 5 insertions(+)

diff --git a/web/js/layers/wv.layers.info.js b/web/js/layers/wv.layers.info.js
index 9d3e04a979..9140401580 100644
--- a/web/js/layers/wv.layers.info.js
+++ b/web/js/layers/wv.layers.info.js
@@ -37,6 +37,8 @@ wv.layers.info = wv.layers.info || function(config, models, layer) {
             show: { effect: "slide", direction: "left" },
             width: 450,
             height: 300,
+            resizable: false,
+            draggable: false,
             position: {
                 my: "left top",
                 at: "right+5 top",
@@ -50,6 +52,7 @@ wv.layers.info = wv.layers.info || function(config, models, layer) {
             },
             close: dispose
         });
+        $("#wv-layers-info-dialog").perfectScrollbar();
     };
 
     var dispose = function() {
diff --git a/web/js/layers/wv.layers.options.js b/web/js/layers/wv.layers.options.js
index d9baf3519b..ff03f4f260 100644
--- a/web/js/layers/wv.layers.options.js
+++ b/web/js/layers/wv.layers.options.js
@@ -67,6 +67,8 @@ wv.layers.options = wv.layers.options || function(config, models, layer) {
             show: { effect: "slide", direction: "left" },
             width: 300,
             height: "auto",
+            resizable: false,
+            draggable: false,
             position: {
                 my: "left top",
                 at: "right+5 top",