From f039f2f06d42ee176169b7be880c1e8cf021d4fd Mon Sep 17 00:00:00 2001
From: Ruben Ramirez <ruben@redlotusaustin.com>
Date: Fri, 4 Apr 2025 15:38:24 -0500
Subject: [PATCH] Updated styling for 'Manage Credits' page

---
 style.css | 39 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/style.css b/style.css
index 59b99b8..8cc4689 100644
--- a/style.css
+++ b/style.css
@@ -449,6 +449,45 @@
     color: var(--quiztech-text-secondary);
 }
 
+/* Grid Container (for widget-like elements) */
+.quiztech-grid-container {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Adjust minmax as needed */
+    gap: 20px;
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
+/* Widget-like boxes (e.g., Credit Packages) */
+.quiztech-widget-like {
+    border: none; /* Remove default border if any */
+    padding: 20px;
+    background-color: var(--quiztech-widget-bg);
+    box-shadow: var(--quiztech-widget-shadow);
+    border-radius: var(--quiztech-widget-radius);
+    text-align: center; /* Center content for packages */
+}
+
+.quiztech-widget-like h3 {
+    margin-top: 0;
+    margin-bottom: 10px;
+    font-family: var(--quiztech-font-heading);
+    font-weight: 600;
+    font-size: 16px;
+    color: var(--quiztech-text-primary);
+}
+
+.quiztech-widget-like p {
+    margin-bottom: 15px;
+    font-size: 14px;
+    color: var(--quiztech-text-secondary);
+}
+
+.quiztech-widget-like form {
+    margin-top: auto; /* Push button to bottom if needed in flex context */
+}
+
+