Merge pull request #11311 from overleaf/jpa-plans-page-tooltip-width

[web] plans page: allow tooltips to be slightly larger

GitOrigin-RevId: 17bb0c0a1ae6a88efe5e0d2df284bd28f6e5824b

services/web/frontend/stylesheets/app/plans.less

@@ -140,8 +140,8 @@
         z-index: 1040;
         white-space: nowrap;
         left: 50%;
-        width: 200px;
-        margin-left: -100px;
+        width: @tooltip-max-width;
+        margin-left: -(@tooltip-max-width / 2);
         &.bottom {
           margin-top: 0px;
         }

services/web/frontend/stylesheets/core/variables.less

@@ -532,7 +532,7 @@
 //##
 
 //** Tooltip max width
-@tooltip-max-width: 200px;
+@tooltip-max-width: 220px;
 //** Tooltip text color
 @tooltip-color: #fff;
 //** Tooltip background color

services/web/frontend/stylesheets/variables/all.less

@@ -457,7 +457,7 @@
 //##
 
 //** Tooltip max width
-@tooltip-max-width: 200px;
+@tooltip-max-width: 220px;
 //** Tooltip text color
 @tooltip-color: #fff;
 //** Tooltip background color