add new button next to search

Author: contactashish13

classes/Visualizer/Render/Library.php

@@ -114,9 +114,10 @@ private function _renderLibrary() {
 		}
 		echo '</ul>';
 		echo '<form action="" method="get"><p id="visualizer-search" class="search-box">
-                <input type="search" placeholder="' . __( 'Enter title', 'visualizer' ). '" name="s" value="' . $filterBy . '">
+                <input type="search" placeholder="' . __( 'Enter title', 'visualizer' ) . '" name="s" value="' . $filterBy . '">
                 <input type="hidden" name="page" value="visualizer">
-                <input type="submit" id="search-submit" class="button button-secondary" value="' . esc_attr__( 'Search title', 'visualizer' ) . '">
+                <button type="submit" id="search-submit" title="' . __( 'Search', 'visualizer' ) . '"><i class="dashicons dashicons-search"></i></button>
+                <button type="button" class="add-new-chart" title="' . __( 'Add New', 'visualizer' ) . '"><i class="dashicons dashicons-plus-alt"></i></button>
            </p> </form>';
 		echo '</div>';
 		echo '<div id="visualizer-content-wrapper">';

css/library.css

@@ -310,4 +310,4 @@ button.media-modal-close {
 div#visualizer-types ul, div#visualizer-types form p {
 	vertical-align: middle;
 	margin: 0;
-}
+}

js/library.js

@@ -61,7 +61,7 @@
             }
         });
 
-        $('.add-new-h2').click(function () {
+        $('.add-new-h2, .add-new-chart').click(function () {
             var wnd = window,
                 view = new vmv.Chart({action: vu.create});