Shortcode

assets/css/frontend.css

@@ -15,11 +15,50 @@
 .mystats-shortcode-container th {
     background-color: #f4f4f4;
 }
+
 .mystats-activity-table td:nth-child(4),
 .mystats-activity-table td:nth-child(5) {
     text-align: right;
 }
 
+/* Styles for the nested details table */
+.mystats-activity-details-row > .mystats-activity-details-cell {
+    padding: 0 !important;
+    border-top: none;
+    border-bottom: 1px solid #ddd;
+}
+
+.mystats-nested-details-table {
+    width: 100%;
+    margin: 0;
+    background-color: #fdfdfd;
+    border: none !important;
+    border-collapse: collapse;
+}
+
+.mystats-nested-details-table th,
+.mystats-nested-details-table td {
+    border: none !important;
+    padding: 6px 12px;
+    text-align: center;
+    font-size: 0.9em;
+    width: 33.33%;
+}
+
+.mystats-nested-details-table th {
+    background-color: transparent;
+    font-weight: normal;
+    color: #777;
+    padding-top: 8px;
+    padding-bottom: 2px;
+}
+
+.mystats-nested-details-table td {
+    font-weight: bold;
+    padding-top: 0;
+    padding-bottom: 8px;
+}
+
 /* Shortcode [moje_statystyki_wpis] */
 .mystat-single-activity-shortcode {
     border: 1px solid #eee;