modal remastered

src/client/js/components/SearchPage/DeletePageListModal.jsx

@@ -51,7 +51,7 @@ export default class DeletePageListModal extends React.Component {
                   Delete completely
                 </label>
               </div>
-              <span className="m-l-10">
+              <span className="ml-2">
                 <Button color="secondary" onClick={this.props.confirmedToDelete}><i className="icon-trash"></i>Delete</Button>
               </span>
             </span>

src/client/styles/scss/_modal.scss

@@ -0,0 +1,13 @@
+.modal-dialog.page-list-delete-modal {
+  width: 600px;
+  max-width: initial;
+  margin: 30px auto;
+  .modal-content .modal-footer,
+  .modal-content .modal-header {
+    padding: 10px 15px;
+  }
+  .modal-header,
+  .modal-body {
+    border-bottom: 1px solid $border;
+  }
+}

src/client/styles/scss/style-app.scss

@@ -39,6 +39,7 @@
 @import 'layout_kibela';
 @import 'layout_variable';
 @import 'login';
+@import 'modal';
 @import 'navbar';
 @import 'navbar_kibela';
 @import 'notification';