Update admin UI styles and bump version to 1.1.0

Refines admin panel styles for improved consistency and readability, including adjustments to button, card, and editor appearances. Removes dashicons from admin action buttons and navigation tabs for a cleaner interface. Updates plugin version constant to 1.1.0.

assets/admin.css

@@ -1,7 +1,3 @@
-.wptag-admin {
-    margin: 20px 0;
-}
-
 .wptag-header {
     display: flex;
     justify-content: space-between;
@@ -61,7 +57,10 @@
     background: #fff;
     color: #2271b1;
 }
-
+button.button.wptag-validate-btn, button.button.wptag-preview-btn {
+    line-height: 1.5;
+    font-size: 12px;
+}
 .tab-content {
     background: #fff;
     border: 1px solid #ccd0d4;
@@ -122,11 +121,11 @@
 }
 
 .wptag-service-card.enabled {
-    border-color: #46b450;
+    border-color: #73aee6;
 }
 
 .wptag-service-card.enabled .wptag-service-header {
-    background: linear-gradient(135deg, #46b450 0%, #5cbf60 100%);
+    background: linear-gradient(135deg, #73aee6 0%, #73aee6 100%);
     color: #fff;
 }
 
@@ -177,7 +176,7 @@
 
 .wptag-service-title h3 {
     margin: 0;
-    font-size: 16px;
+    font-size: 14px;
     font-weight: 600;
     color: #23282d;
     transition: color 0.3s ease;
@@ -239,7 +238,7 @@ input:focus + .wptag-slider {
 }
 
 .wptag-service-content {
-    padding: 20px;
+    padding: 25px;
 }
 
 .wptag-form-row {
@@ -292,7 +291,9 @@ input:focus + .wptag-slider {
     gap: 10px;
     align-items: flex-start;
 }
-
+.wp-core-ui select {
+    font-size: 12px;
+}
 .wptag-input,
 .wptag-textarea,
 .wptag-select {
@@ -300,7 +301,7 @@ input:focus + .wptag-slider {
     padding: 10px 12px;
     border: 1px solid #ddd;
     border-radius: 4px;
-    font-size: 14px;
+    font-size: 12px;
     transition: all 0.3s ease;
     background: #fff;
 }
@@ -332,20 +333,21 @@ input:focus + .wptag-slider {
     border-radius: 6px;
     background: #f8f9fa;
     overflow: hidden;
+    margin-bottom: 20px;
 }
 
 .wptag-code-editor-wrapper::before {
-    content: 'JavaScript Supported';
+    content: 'JavaScript';
     position: absolute;
-    top: 6px;
+    top: 4px;
     left: 10px;
     background: #28a745;
     color: white;
     font-size: 10px;
-    padding: 2px 6px;
+    padding: 1px 6px;
     border-radius: 3px;
     z-index: 2;
-    font-weight: 500;
+    font-weight: 400;
     letter-spacing: 0.5px;
 }
 
@@ -391,11 +393,12 @@ input:focus + .wptag-slider {
 }
 
 .wptag-code-editor-toolbar .button {
-    padding: 6px 10px;
+    padding: 4px 8px;
     min-height: auto;
     background: rgba(255, 255, 255, 0.95);
     border: 1px solid #ddd;
     border-radius: 3px;
+    line-height: 1.5;
     font-size: 12px;
     backdrop-filter: blur(10px);
     transition: all 0.2s ease;
@@ -410,8 +413,8 @@ input:focus + .wptag-slider {
     margin-top: 10px;
     padding: 8px 12px;
     border-radius: 4px;
-    font-size: 13px;
-    font-weight: 500;
+    font-size: 12px;
+    font-weight: 400;
     display: none;
 }
 

includes/class-admin.php

@@ -159,15 +159,12 @@ class Admin {
                 <div class="wptag-header-actions">
                     <?php if ($this->current_user_can_manage_codes()): ?>
                         <button type="button" class="button" id="wptag-export-btn">
-                            <span class="dashicons dashicons-download"></span>
                             Export Settings
                         </button>
                         <button type="button" class="button" id="wptag-import-btn">
-                            <span class="dashicons dashicons-upload"></span>
                             Import Settings
                         </button>
                         <button type="button" class="button button-secondary" id="wptag-reset-btn">
-                            <span class="dashicons dashicons-admin-generic"></span>
                             Reset All
                         </button>
                     <?php endif; ?>
@@ -179,7 +176,6 @@ class Admin {
                     <a href="?page=wptag-settings&tab=<?php echo esc_attr($category_key); ?>" 
                        class="nav-tab <?php echo $active_tab === $category_key ? 'nav-tab-active' : ''; ?>"
                        data-tab="<?php echo esc_attr($category_key); ?>">
-                        <span class="dashicons dashicons-chart-area"></span>
                         <?php echo esc_html(ucfirst($category_key)); ?>
                         <span class="count">(<?php echo count($category_data['services']); ?>)</span>
                     </a>
@@ -188,7 +184,6 @@ class Admin {
                     <a href="?page=wptag-settings&tab=services" 
                        class="nav-tab <?php echo $active_tab === 'services' ? 'nav-tab-active' : ''; ?>"
                        data-tab="services">
-                        <span class="dashicons dashicons-admin-settings"></span>
                         Services Management
                     </a>
                 <?php endif; ?>

wptag.php

@@ -20,7 +20,7 @@ if (!defined('ABSPATH')) {
     exit;
 }
 
-define('WPTAG_VERSION', '1.0.0');
+define('WPTAG_VERSION', '1.1.0');
 define('WPTAG_PLUGIN_FILE', __FILE__);
 define('WPTAG_PLUGIN_DIR', plugin_dir_path(__FILE__));
 define('WPTAG_PLUGIN_URL', plugin_dir_url(__FILE__));