add class to dropdown-menu to resize it

src/client/js/components/PageEditor/GridEditModal.jsx

@@ -76,7 +76,7 @@ export default class GridEditModal extends React.PureComponent {
                   >
                   Grid Pattern
                   </button>
-                  <div className="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                  <div className="dropdown-menu bs4grid-menu" aria-labelledby="dropdownMenuButton">
                     {/* TODO GW-3136 implement inside dropdown menu */}
                     <div className="container">
                       <div className="row">

src/client/styles/scss/_on-edit.scss

@@ -312,22 +312,8 @@ body.on-edit {
 /*
  Grid Edit Modal
 */
-.device-container {
-  height: 135px;
-}
-
-// [border-color:TODO support dark mode by GW-3037]
-.grid-bg-col {
-  border-right: 5px solid white;
-  border-left: 5px solid white;
-}
-
-.grid-editable-row {
-  top: 0;
-}
 
-.grid-editable-col {
-  border-right: 5px solid white;
-  border-left: 5px solid white;
-  opacity: 0.5;
+.bs4grid-menu {
+  width: 600px;
+  height: 500px;
 }