From ff4ae5fd7d04d9f6885d67f1a81ff687960e4dee Mon Sep 17 00:00:00 2001
From: Faissal Wahabali <fwahabali@gmail.com>
Date: Fri, 22 Apr 2022 21:12:54 +0000
Subject: [PATCH] improve null div ux (#17278)

* improve null div ux

Signed-off-by: Faissal Wahabali <fwahabali@gmail.com>

* fix tab problem

Signed-off-by: Faissal Wahabali <fwahabali@gmail.com>
---
 themes/bootstrap/scss/_common.scss | 11 +++++++++++
 themes/metro/scss/_common.scss     | 11 +++++++++++
 themes/original/scss/_common.scss  | 11 +++++++++++
 themes/pmahomme/scss/_common.scss  | 11 +++++++++++
 4 files changed, 44 insertions(+)

diff --git a/themes/bootstrap/scss/_common.scss b/themes/bootstrap/scss/_common.scss
index e978b5e42c..6d3ea5d443 100644
--- a/themes/bootstrap/scss/_common.scss
+++ b/themes/bootstrap/scss/_common.scss
@@ -125,6 +125,17 @@ div.null_div {
   text-align: center;
   font-style: normal;
   min-width: 50px;
+  label {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    cursor: pointer;
+    input {
+      cursor: pointer;
+    }
+  }
 }
 
 .pma-fieldset {
diff --git a/themes/metro/scss/_common.scss b/themes/metro/scss/_common.scss
index 452620eeaa..049d73e36d 100644
--- a/themes/metro/scss/_common.scss
+++ b/themes/metro/scss/_common.scss
@@ -367,6 +367,17 @@ div.null_div {
   text-align: center;
   font-style: normal;
   min-width: 50px;
+  label {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    cursor: pointer;
+    input {
+      cursor: pointer;
+    }
+  }
 }
 
 .pma-fieldset {
diff --git a/themes/original/scss/_common.scss b/themes/original/scss/_common.scss
index ea31281f5e..9204a3ccb1 100644
--- a/themes/original/scss/_common.scss
+++ b/themes/original/scss/_common.scss
@@ -126,6 +126,17 @@ div.null_div {
   text-align: center;
   font-style: normal;
   min-width: 50px;
+  label {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    cursor: pointer;
+    input {
+      cursor: pointer;
+    }
+  }
 }
 
 .pma-fieldset {
diff --git a/themes/pmahomme/scss/_common.scss b/themes/pmahomme/scss/_common.scss
index 169dfc2d29..6df2303171 100644
--- a/themes/pmahomme/scss/_common.scss
+++ b/themes/pmahomme/scss/_common.scss
@@ -311,6 +311,17 @@ div.null_div {
   text-align: center;
   font-style: normal;
   min-width: 50px;
+  label {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    cursor: pointer;
+    input {
+      cursor: pointer;
+    }
+  }
 }
 
 .pma-fieldset {