@mirrormedia/lilith-draft-editor 3.0.9 → 3.0.10

package/lib/website/mirrormedia/draft-editor.js

@@ -352,6 +352,10 @@ const DraftEditorControlsWrapper = _styledComponents.default.div`
   flex-wrap: wrap;
   padding-right: 45px;
   column-gap: 5px;
+
+  @media (max-width: 767px) {
+    padding-right: 10px;
+  }
 `;
 const TextEditorWrapper = _styledComponents.default.div`
   /* Rich-editor default setting (.RichEditor-editor)*/
@@ -438,7 +442,7 @@ const DraftEditorContainer = _styledComponents.default.div`
   }
 `;
 const ButtonGroup = _styledComponents.default.div`
-  margin: 0 10px 0 0;
+  margin: 0;
   ${({
   isDisabled
 }) => isDisabled ? (0, _styledComponents.css)`

package/lib/website/mirrormedia/selector/image-selector.js

@@ -106,7 +106,7 @@ const ImageMetaGridsWrapper = _styledComponents.default.div`
   overflow: auto;
 `;
 const ImageMetaGridWrapper = _styledComponents.default.div`
-  width: 33.3333%;
+  width: 100%;
   cursor: pointer;
   padding: 0 10px 10px;
 `;
@@ -121,6 +121,9 @@ const Label = _styledComponents.default.label`
   margin: 10px 0;
   font-weight: 600;
 `;
+const StyledTextInput = (0, _styledComponents.default)(_fields.TextInput)`
+  width: 100%;
+`;
 const SeparationLine = _styledComponents.default.div`
   border: #e1e5e9 1px solid;
   margin-top: 10px;
@@ -220,7 +223,7 @@ function ImageMetaGrid(props) {
     }
   }), /*#__PURE__*/_react.default.createElement(ImageName, null, image === null || image === void 0 ? void 0 : image.name), enableCaption && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Label, {
     htmlFor: "caption"
-  }, "Image Caption:"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
+  }, "Image Caption:"), /*#__PURE__*/_react.default.createElement(StyledTextInput, {
     id: "caption",
     type: "text",
     placeholder: image === null || image === void 0 ? void 0 : image.name,
@@ -234,7 +237,7 @@ function ImageMetaGrid(props) {
     })
   })), enableUrl && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Label, {
     htmlFor: "url"
-  }, "Url:"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
+  }, "Url:"), /*#__PURE__*/_react.default.createElement(StyledTextInput, {
     id: "url",
     type: "text",
     placeholder: "(Optional)",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirrormedia/lilith-draft-editor",
-  "version": "3.0.9",
+  "version": "3.0.10",
   "description": "",
   "main": "lib/index.js",
   "scripts": {