Increase frames splitter mouse hover area to make it easier to resize. Fixes #3865

web/pgadmin/static/scss/_webcabin.pgadmin.scss

@@ -207,17 +207,25 @@
 }
 
 
-.wcSplitterBar {
+.wcSplitterBarLine {
   background-color: $panel-border-color;
   border: none;
 }
 
 .wcSplitterBarV {
-  width: $panel-border-width;
+  width: $splitter-hover-width;
+
+  & .wcSplitterBarLine {
+    width: $panel-border-width;
+  }
 }
 
 .wcSplitterBarH {
-  height: $panel-border-width;
+  height: $splitter-hover-width;
+
+  & .wcSplitterBarLine {
+    height: $panel-border-width;
+  }
 }
 
 .wcSplitterBarV.wcSplitterBarStatic {

web/pgadmin/static/scss/resources/_default.variables.scss

@@ -156,6 +156,9 @@ $footer-padding: 0.5rem;
 $footer-min-height: 2rem;
 $footer-height-calc: $footer-min-height+$footer-padding*2;
 
+// ($splitter-hover-width - $panel-border-width) should be even number to split evenly.
+$splitter-hover-width: 7px;
+
 $navbar-brand-bg: #222222; //place image url if image
 $navbar-brand-arrow-bg: #222222;
 $navbar-color-bg: $color-primary;