FB oparation fixed

src/client/js/components/SearchForm.jsx

@@ -45,7 +45,7 @@ class SearchForm extends React.Component {
 
     return (
       <table className="table grw-search-table search-help m-0">
-        <caption className="text-left text-success p-2">
+        <caption className="text-left text-primary p-2">
           <h5 className="h6"><i className="icon-magnifier pr-2 mb-2" />{ t('search_help.title') }</h5>
         </caption>
         <tbody>

src/client/styles/scss/_layout.scss

@@ -19,7 +19,7 @@
         cursor: default;
       }
     }
-    @media screen and (max-width: 768px) {
+    @include media-breakpoint-down(md) {
       font-size: 14px;
     }
   }

src/client/styles/scss/_layout_variable.scss

@@ -17,3 +17,6 @@ $grw-white-green: #f8fffb;
 .bg-grw-light-green {
   background: $grw-light-green;
 }
+
+/* blue */
+$grw-alice-blue: aliceblue;

src/client/styles/scss/_search.scss

@@ -1,5 +1,6 @@
 // import react-bootstrap-typeahead
 @import '~react-bootstrap-typeahead/css/Typeahead';
+@import 'layout_variable';
 
 .search-listpage-icon {
   font-size: 16px;
@@ -226,6 +227,6 @@
   }
   code {
     padding: 0.25em;
-    background: aliceblue;
+    background: $grw-alice-blue;
   }
 }

src/client/styles/scss/theme/_override-agileadmin.scss

@@ -1,3 +1,5 @@
+@import 'layout_variable';
+
 .bg-title {
   padding: 6px 0;
   margin-right: -15px;
@@ -162,7 +164,7 @@ button.btn.btn-link:hover {
     white-space: nowrap;
     &:focus,
     &:hover {
-      background: aliceblue;
+      background: $grw-alice-blue;
     }
   }