Added permission list item.

Author: selul

classes/Visualizer/Render/Page/Data.php

@@ -241,7 +241,7 @@ class="dashicons dashicons-lock"></span></h2>
 					</li>
 				</ul>
 			<li class="group group-category bottom-fixed sidebar-footer-link" id="vz-chart-settings">
-				<h2><?php _e( 'Advanced Settings', 'visualizer' ); ?></h2>
+				<h2><span class="dashicons dashicons-admin-tools"></span><?php _e( 'Advanced', 'visualizer' ); ?></h2>
 				<div class="group-header">
 					<button class="customize-section-back" tabindex="0"></button>
 					<h3 class="group-title main-group"><?php _e( 'Chart Settings', 'visualizer' ); ?></h3>
@@ -254,9 +254,8 @@ class="dashicons dashicons-lock"></span></h2>
 				</ul>
 			</li>
 			<?php echo apply_filters( 'visualizer_pro_sidebar_footer_links', '', $this->chart->ID ); ?>
-			<li class=" group bottom-fixed" id="vz-chart-review">
-				<a href="https://wordpress.org/support/plugin/visualizer/reviews/?filter=5#new-post"
-				   target="_blank"><?php _e( 'Rate our plugin', 'visualizer' ); ?></a>
+			<li class=" group bottom-fixed vz-pro-sidebar-link" id="vz-chart-permissions">
+				<a target="_blank"><span class="dashicons dashicons-admin-users"></span><?php _e( 'Permissions (PRO)', 'visualizer' ); ?></a>
 			</li>
 			<li class="group bottom-fixed" id="vz-chart-copyright">Visualizer &copy; <?php echo date( 'Y', current_time( 'timestamp' ) ); ?></li>
 		</ul>

css/frame.css

@@ -830,24 +830,24 @@ button#editor-chart-button {
 
 #vz-chart-review {
 	right: 0;
-	bottom: 40px;
+	bottom: 10px;
 	-webkit-box-sizing: border-box;
 	box-sizing: border-box;
-	width: 50%;
-	padding-right: 20px;
+	width: 40%;
+	padding-right: 6px;
 	text-align: right;
 }
 
 #vz-chart-settings.bottom-fixed h2 {
-	padding-left: 20px;
+	padding-left: 6px;
 }
 
 #vz-chart-settings {
 	bottom: 40px;
 	left: 0;
 	-webkit-box-sizing: border-box;
 	box-sizing: border-box;
-	width: 50%;
+	width: 33%;
 	text-align: left;
 }
 
@@ -862,6 +862,7 @@ button#editor-chart-button {
 
 .sidebar-footer-link,
 #vz-chart-review,
+#vz-chart-permissions,
 #vz-chart-settings {
 	display: inline;
 	background: none;
@@ -1021,4 +1022,16 @@ span.section-error {
 }
 #visualizer-error-manual{
 	color:#ff595e;
+}
+#vz-chart-permissions{
+
+	width:43%;
+}
+#vz-chart-permissions{
+	color: #ce484c;
+}
+#vz-chart-permissions{
+	width: 30%;
+	bottom: 40px;
+	right: 6px;
 }