Improve column visibility toggle ui

Signed-off-by: Mo Sureerat <sureemo@gmail.com>

4 files changed, 20 insertions, 0 deletions

diff --git a/themes/bootstrap/scss/_common.scss b/themes/bootstrap/scss/_common.scss
index 24927ccf71..8c28eff42f 100644
--- a/themes/bootstrap/scss/_common.scss
+++ b/themes/bootstrap/scss/_common.scss
@@ -252,6 +252,10 @@ td .icon {
   padding: 0 0.5em;
 }
 
+#pma_demo {
+  z-index: -1;
+}
+
 .confirmation {
   color: $black;
   background-color: pink;
@@ -1588,6 +1592,7 @@ input#auto_increment_opt {
   .lDiv div {
     padding: 0.2em 0.5em 0.2em;
     padding-left: 0.2em;
+    white-space: nowrap;
 
     &:hover {
       background: #ddd;
diff --git a/themes/metro/scss/_common.scss b/themes/metro/scss/_common.scss
index 59c34f774e..df4d143cfb 100644
--- a/themes/metro/scss/_common.scss
+++ b/themes/metro/scss/_common.scss
@@ -490,6 +490,10 @@ img.lightbulb {
   padding: 20px;
 }
 
+#pma_demo {
+  z-index: -1;
+}
+
 #pma_errors #pma_errors {
   padding: 0;
 }
@@ -1791,6 +1795,7 @@ form.append_fields_form .tblFooters {
   .lDiv div {
     padding: 0.2em 0.5em 0.2em;
     padding-left: 0.2em;
+    white-space: nowrap;
 
     &:hover {
       background: $navi-background;
diff --git a/themes/original/scss/_common.scss b/themes/original/scss/_common.scss
index d3ce71a0d9..1ac1fbe26e 100644
--- a/themes/original/scss/_common.scss
+++ b/themes/original/scss/_common.scss
@@ -234,6 +234,10 @@ img.lightbulb {
   padding: 0 0.5em;
 }
 
+#pma_demo {
+  z-index: -1;
+}
+
 .confirmation {
   background-color: #ffc;
 }
@@ -1592,6 +1596,7 @@ input#auto_increment_opt {
 
   .lDiv div {
     padding: 0.2em 0.5em 0.2em 0.2em;
+    white-space: nowrap;
 
     &:hover {
       background: #ddd;
diff --git a/themes/pmahomme/scss/_common.scss b/themes/pmahomme/scss/_common.scss
index 4c1e548520..9cf6fbcafa 100644
--- a/themes/pmahomme/scss/_common.scss
+++ b/themes/pmahomme/scss/_common.scss
@@ -432,6 +432,10 @@ img.lightbulb {
   padding: 0 0.5em;
 }
 
+#pma_demo {
+  z-index: -1;
+}
+
 .confirmation {
   color: #000;
   background-color: pink;
@@ -1777,6 +1781,7 @@ input#auto_increment_opt {
   .lDiv div {
     padding: 0.2em 0.5em 0.2em;
     padding-left: 0.2em;
+    white-space: nowrap;
 
     &:hover {
       background: #ddd;