From c5a9dbc4f8f4f1e5baacd13a0b93d58685d46902 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Canek=20Pel=C3=A1ez=20Vald=C3=A9s?= <canek@ciencias.unam.mx>
Date: Sun, 24 Oct 2021 12:21:06 -0500
Subject: [PATCH] Simplify styling.

---
 datetime-chart.php   |  2 +-
 style.css            | 51 +++++++++++---------------------------------
 top-20-barcharts.php |  2 +-
 top-20-piecharts.php |  2 +-
 4 files changed, 15 insertions(+), 42 deletions(-)

diff --git a/datetime-chart.php b/datetime-chart.php
index 776ec6e..2cfaeda 100644
--- a/datetime-chart.php
+++ b/datetime-chart.php
@@ -17,7 +17,7 @@ case 'page':
   <p>
      <strong><?php echo $wc_chart_title; ?></strong>
   </p>
-  <div class="wc-chart" id="wc-<?php echo $post_type; ?>-<?php echo $dt_unit; ?>-count" ></div>
+  <div class="wc-chart wc-datetime-chart" id="wc-<?php echo $post_type; ?>-<?php echo $dt_unit; ?>-count" ></div>
   <script type="text/javascript">
       var options = {
           chart: {
diff --git a/style.css b/style.css
index b726c97..c0edc7d 100644
--- a/style.css
+++ b/style.css
@@ -12,7 +12,7 @@ progress#wc-progress {
 
 table.wc-table {
     max-width: 800px;
-    background-color: #fff;
+    background-color: white;
 }
 
 table.wc-table, th, td {
@@ -70,7 +70,7 @@ th.left {
     height: 50px;
     background-color: #777;
     color: #eee;
-    border: 1px solid #000;
+    border: 1px solid black;
     margin-right: 3px;
 }
 
@@ -87,7 +87,7 @@ th.left {
     margin-top: 1px;
     padding: 20px;
     padding-top: 0px;
-    border: 1px solid #000;
+    border: 1px solid black;
     background-color: #fafafa;
 }
 
@@ -100,42 +100,6 @@ div.wc-input {
     width: 100%;
 }
 
-div#wc-post-barchart {
-    max-width: 1200px;
-}
-
-div#wc-page-barchart {
-    max-width: 1200px;
-}
-
-div#wc-post-piechart {
-    max-width: 1200px;
-}
-
-div#wc-page-piechart {
-    max-width: 1200px;
-}
-
-div#wc-post-year-count {
-    max-width: 800px;
-    min-width: 300px;
-}
-
-div#wc-page-year-count {
-    max-width: 800px;
-    min-width: 300px;
-}
-
-div#wc-post-month-count {
-    max-width: 800px;
-    min-width: 300px;
-}
-
-div#wc-page-month-count {
-    max-width: 800px;
-    min-width: 300px;
-}
-
 .wc-stats-container {
     display: flex;
     flex-flow: row wrap;
@@ -151,3 +115,12 @@ div#wc-page-month-count {
     border: 1px solid black;
     background-color: #fff;
 }
+
+.wc-datetime-chart {
+    max-width: 800px;
+    min-width: 300px;
+}
+
+.wc-fig-chart {
+    max-width: 1200px;
+}
diff --git a/top-20-barcharts.php b/top-20-barcharts.php
index d72c937..4e75c64 100644
--- a/top-20-barcharts.php
+++ b/top-20-barcharts.php
@@ -71,7 +71,7 @@ $base_url = get_site_url() . '/wp-content/plugins/word-count';
 <script src="<?php echo $base_url; ?>/apexcharts/apexcharts.js"></script>
 <div class="wc_section">
   <h3><?php echo $sec_title; ?></h3>
-  <div class="wc-chart" id="wc-<?php echo $post_type; ?>-barchart" ></div>
+  <div class="wc-chart wc-fig-chart" id="wc-<?php echo $post_type; ?>-barchart" ></div>
   <script type="text/javascript">
 var options = {
     chart: { type: 'bar',
diff --git a/top-20-piecharts.php b/top-20-piecharts.php
index 235950e..aedf40c 100644
--- a/top-20-piecharts.php
+++ b/top-20-piecharts.php
@@ -72,7 +72,7 @@ $n = $wpdb->num_rows;
 <script src="<?php echo $base_url; ?>/apexcharts/apexcharts.js"></script>
 <div class="wc_section">
   <h3><?php echo $sec_title; ?></h3>
-  <div class="wc-chart" id="wc-<?php echo $post_type; ?>-piechart" ></div>
+  <div class="wc-chart wc-fig-chart" id="wc-<?php echo $post_type; ?>-piechart" ></div>
   <script type="text/javascript">
 var options = {
     chart: { type: 'donut' },
-- 
GitLab