fix #6901 -- Using the edit license panel inside a popover is broken

Author: williamstein

src/packages/frontend/purchases/purchases.tsx

@@ -652,6 +652,13 @@ function Description({ description, period_end, service }) {
     const { license_id } = description;
     return (
       <Popover
+        overlayStyle={{
+          maxHeight: "60vh",
+          overflow: "auto",
+          border: "1px solid #ccc",
+          borderRadius: "5px",
+          boxShadow: "4px 4px 2px #dfdfdf",
+        }}
         title={
           <>
             Licenses:{" "}

src/packages/frontend/site-licenses/site-license-public-info.tsx

@@ -8,9 +8,7 @@ import { reuseInFlight } from "@cocalc/util/reuse-in-flight";
 import { Alert, Button, Popconfirm, Popover, Table, Tag, Tooltip } from "antd";
 import { isEqual } from "lodash";
 import { useIntl } from "react-intl";
-
 import Export from "@cocalc/frontend/purchases/export";
-
 import {
   React,
   redux,