UI fix

Author: contactashish13

classes/Visualizer/Render/Layout.php

@@ -79,8 +79,8 @@ public static function _renderDbQuery( $args ) {
 			</div>
 			<div class='db-wizard-hints'>
 				<ul>
-					<li><?php echo sprintf( __( 'For examples of pre-built queries that you can use, please click %1$shere%2$s', 'visualizer' ), '<a href="' . VISUALIZER_DB_QUERY_DOC_URL . '" target="_blank">', '</a>' ); ?></li>
-					<li><?php echo sprintf( __( 'Use %1$sControl+Space%2$s for autocompleting keywords or tables/columns.', 'visualizer' ), '<span class="visualizer-emboss">', '</span>' ); ?></li>
+					<li><?php echo sprintf( __( 'For examples of queries and links to resources that you can use with this feature, please click %1$shere%2$s', 'visualizer' ), '<a href="' . VISUALIZER_DB_QUERY_DOC_URL . '" target="_blank">', '</a>' ); ?></li>
+					<li><?php echo sprintf( __( 'Use %1$sControl+Space%2$s for autocompleting keywords or table names.', 'visualizer' ), '<span class="visualizer-emboss">', '</span>' ); ?></li>
 				</ul>
 			</div>
 			<div class='db-wizard-results'></div>

css/frame.css

@@ -6,7 +6,7 @@
 	right: 0;
 	bottom: 60px;
 	left: 0;
-	width: calc(100% - 300px);
+	width: auto;
 	background-color: white;
 }
 

js/frame.js

@@ -261,6 +261,7 @@
         });
 
         $( '#db-chart-button' ).on( 'click', function(){
+            $('#content').css('width', 'calc(100% - 300px)');
             if( $(this).attr( 'data-current' ) === 'chart'){
                 $(this).val( $(this).attr( 'data-t-filter' ) );
                 $(this).html( $(this).attr( 'data-t-filter' ) );