centered rating + added back upload text

- Added initial upload details text
- Removed text shadow from upload button
- Removed stars from the bottom

Author: ineagu

classes/Visualizer/Render/Page/Data.php

@@ -71,7 +71,13 @@ protected function _renderSidebarContent() {
 				echo '<iframe id="thehole" name="thehole"></iframe>';
 
 				echo '<p class="group-description">';
-                    echo '<a href="">something here</a>';
+                    esc_html_e( "Select and upload your data CSV file here. The first row of the CSV file should contain the column headings. The second one should contain series type (string, number, boolean, date, datetime, timeofday).", Visualizer_Plugin::NAME );
+				echo '</p>';
+
+				echo '<p class="group-description">';
+					esc_html_e( 'If you are unsure about how to format your data CSV then please take a look at this sample:', Visualizer_Plugin::NAME );
+					echo ' <a href="', VISUALIZER_ABSURL, 'samples/', $this->type, '.csv" target="_blank">', $this->type, '.csv</a> ';
+					printf( esc_html__( 'or read how you can add Google spreadsheet in following %sarticle%s.', Visualizer_Plugin::NAME ), '<a href="https://github.com/madpixelslabs/visualizer/wiki/How-can-I-populate-data-from-Google-Spreadsheet%3F" target="_blank">', '</a>' );
 				echo '</p>';
 
 				echo '<div>';
@@ -140,7 +146,6 @@ protected function _renderToolbar() {
                 esc_html_e( 'Rate it on WordPress.org', Visualizer_Plugin::NAME );
             echo '</a>';
             echo '</div>';
-            echo '<div id="rate-stars">&nbsp;</div>';
         echo '</div>';
 
 		echo '<input type="submit" id="settings-button" class="button button-primary button-large push-right" value="', $this->button, '">';

css/frame.css

@@ -261,13 +261,12 @@ div.group-content .group-description {
 }
 
 .rate-the-plugin{
-	text-align: center;
 	width: 40% !important;
     margin-top: -5px;
 }
 
 #rate-stars {
-	margin: 10px 0px 10px 40%;
+	margin: 10px 0px 10px 55px;
 	width: 100px;
 	height: 20px;
 	background-image: url('../images/star.png');
@@ -279,7 +278,7 @@ div.group-content .group-description {
 	text-decoration: none;
 	font-family: "Montserrat",sans-serif;
     font-weight: 400;
-	margin: 0px 0px 0px 20px;
+	margin: 0px 0px 0px 30px;
 }
 
 #flattr {
@@ -461,6 +460,7 @@ div.group-content .group-description {
 	font-weight: 700;
 	border: 1px solid #B0B0B0 !important;
 	box-shadow: none !important;
+	text-shadow:none!important;
 
  }