From 6a3492ab83b9f4d235561cb3b950a9d5f9e715a1 Mon Sep 17 00:00:00 2001
From: usmannasir <usman@cyberpersons.com>
Date: Sat, 5 Apr 2025 01:05:57 +0500
Subject: [PATCH] update card design

---
 .../websiteFunctions/listWebsites.html        | 38 ++++++++++++++-----
 1 file changed, 28 insertions(+), 10 deletions(-)

diff --git a/websiteFunctions/templates/websiteFunctions/listWebsites.html b/websiteFunctions/templates/websiteFunctions/listWebsites.html
index 353320276..8639aaf4c 100755
--- a/websiteFunctions/templates/websiteFunctions/listWebsites.html
+++ b/websiteFunctions/templates/websiteFunctions/listWebsites.html
@@ -112,14 +112,14 @@
                     </div>
 
                     <!-- WordPress Sites Section -->
-                    <div class="col-md-12" ng-if="web.showWPSites && web.wp_sites && web.wp_sites.length > 0">
+                    <div class="col-md-12" ng-if="web.showWPSites && web.wp_sites && web.wp_sites.length > 0" style="padding: 15px 30px;">
                         <div ng-repeat="wp in web.wp_sites" class="wp-site-item">
                             <div class="row">
                                 <div class="col-sm-12">
                                     <div class="wp-site-header">
                                         <div class="row">
                                             <div class="col-sm-8">
-                                                <h4>{$ wp.title $}</h4>
+                                                <h4><i class="fab fa-wordpress" style="color: #00749C; margin-right: 8px;"></i>{$ wp.title $}</h4>
                                             </div>
                                             <div class="col-sm-4 text-right">
                                                 <button class="btn btn-primary btn-sm" ng-click="manageWP(wp.id)">
@@ -215,31 +215,45 @@
 
                     <style>
                         .wp-site-item {
-                            border: 1px solid #ddd;
+                            border: 1px solid #e0e0e0;
                             margin-bottom: 20px;
-                            border-radius: 4px;
+                            border-radius: 8px;
                             background: white;
+                            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
                         }
                         .wp-site-header {
-                            padding: 15px;
-                            border-bottom: 1px solid #ddd;
-                            background: #f5f5f5;
+                            padding: 15px 20px;
+                            border-bottom: 1px solid #e0e0e0;
+                            background: #f8f9fa;
+                            border-radius: 8px 8px 0 0;
+                        }
+                        .wp-site-header h4 {
+                            margin: 0;
+                            font-size: 18px;
+                            line-height: 34px;
+                            color: #2c3338;
+                            font-weight: 500;
                         }
                         .wp-site-content {
-                            padding: 15px;
+                            padding: 20px;
                         }
                         .info-box {
                             margin-bottom: 15px;
+                            background: #f8f9fa;
+                            padding: 10px;
+                            border-radius: 6px;
                         }
                         .info-box label {
                             display: block;
                             font-size: 12px;
-                            color: #666;
+                            color: #646970;
                             margin-bottom: 5px;
+                            font-weight: 500;
                         }
                         .info-box span {
                             font-size: 14px;
-                            font-weight: bold;
+                            font-weight: 600;
+                            color: #2c3338;
                         }
                         .checkbox {
                             margin-bottom: 10px;
@@ -256,6 +270,10 @@
                         .text-center .btn {
                             min-width: 100px;
                         }
+                        .wp-site-item .btn-sm {
+                            padding: 5px 12px;
+                            font-size: 13px;
+                        }
                     </style>
 
                     <div id="listFail" class="alert alert-danger">