clean code (SearchForm)

resource/js/components/HeaderSearchBox/SearchForm.js

@@ -47,22 +47,24 @@ export default class SearchForm extends React.Component {
 
   getHelpElement() {
     return (
-      <table className="table m-1">
+      <table className="table m-1 search-help">
         <caption className="text-left text-primary p-2 mb-2">
           <h5 className="m-1"><i className="icon-magnifier pr-2 mb-2"/>Search Help</h5>
         </caption>
-        <tr>
-          <td className="text-right mt-0 pr-2 p-1"><code>keyword</code></td>
-          <th className="mr-2"><h6 className="pr-2 m-0 pt-1">記事名 or 本文に<samp>"keyword"</samp>を含む</h6></th>
-        </tr>
-        <tr>
-          <td className="text-right mt-0 pr-2 p-1"><code>a b</code></td>
-          <th><h6 className="m-0 pt-1">文字列<samp>"a"</samp>と<samp>"b"</samp>を含む (スペース区切り)</h6></th>
-        </tr>
-        <tr>
-          <td className="text-right mt-0 pr-2 p-1"><code>-keyword</code></td>
-          <th><h6 className="m-0 pt-1">文字列<samp>"keyword"</samp>を含まない</h6></th>
-        </tr>
+        <tbody>
+          <tr>
+            <td className="text-right mt-0 pr-2 p-1"><code>keyword</code></td>
+            <th className="mr-2"><h6 className="pr-2 m-0 pt-1">記事名 or 本文に<samp>"keyword"</samp>を含む</h6></th>
+          </tr>
+          <tr>
+            <td className="text-right mt-0 pr-2 p-1"><code>a b</code></td>
+            <th><h6 className="m-0 pt-1">文字列<samp>"a"</samp>と<samp>"b"</samp>を含む (スペース区切り)</h6></th>
+          </tr>
+          <tr>
+            <td className="text-right mt-0 pr-2 p-1"><code>-keyword</code></td>
+            <th><h6 className="m-0 pt-1">文字列<samp>"keyword"</samp>を含まない</h6></th>
+          </tr>
+        </tbody>
       </table>
     );
   }

resource/styles/scss/_search.scss

@@ -92,6 +92,12 @@
       width: 300px;
     }
   }
+
+  table.search-help {
+    th, td {
+      border: none;
+    }
+  }
 }
 .search-sidebar {
   .search-form, .form-group, .rbt-input.form-control, .input-group {