Merge pull request #2874 from weseek/imprv/article-area-gw4051

Imprv/article area gw4051

src/client/js/components/Page/NotFoundAlert.jsx

@@ -12,15 +12,15 @@ const NotFoundAlert = (props) => {
   }
 
   return (
-    <div className="grw-not-found-alert border m-4 p-4">
-      <div className="col-md-12">
-        <h2 className="text-muted not-found-text">
-          <i className="icon-info" aria-hidden="true"></i>
+    <div className="border border-info m-4 p-3">
+      <div className="col-md-12 p-0">
+        <h2 className="text-info lead">
+          <i className="icon-info pr-2 font-weight-bold" aria-hidden="true"></i>
           {t('not_found_page.page_not_exist_alert')}
         </h2>
         <button
           type="button"
-          className="m-2 p-2"
+          className="m-1 pl-3 pr-3 btn bg-info text-white"
           onClick={() => { clickHandler('edit') }}
         >
           <i className="icon-note icon-fw" />

src/client/styles/scss/theme/_reboot-bootstrap-border-colors.scss

@@ -21,3 +21,7 @@
 .border-left {
   border-left: $border-width solid $border-color !important;
 }
+
+.border-info {
+  border-color: $info !important;
+}