From 736de4d4bf6b5af3c22777f7d348095c7c9e50e5 Mon Sep 17 00:00:00 2001
From: Jonah Aragon <jonah@privacyguides.org>
Date: Mon, 16 Feb 2026 19:14:48 -0600
Subject: [PATCH] Enlarge toolbox buttons

---
 docs/activism/toolbox/index.md     |  6 ++--
 theme/assets/stylesheets/extra.css | 44 +++++-------------------------
 2 files changed, 10 insertions(+), 40 deletions(-)

diff --git a/docs/activism/toolbox/index.md b/docs/activism/toolbox/index.md
index 4f83289b..5cf8f7ca 100644
--- a/docs/activism/toolbox/index.md
+++ b/docs/activism/toolbox/index.md
@@ -24,13 +24,13 @@ This page is also a resource to help digital rights organizations that would lik
 
 [:fontawesome-solid-toolbox:{ .toolbox-button-icon } Choose<br>Your Tools](#choose-your-tools){ .toolbox-button .toolbox-bg-tools }
 
-[:fontawesome-solid-users-rays:{ .toolbox-button-icon } Expand Your Perspective](#expand-your-perspective){ .toolbox-button .toolbox-bg-perspective }
+[:fontawesome-solid-users-rays:{ .toolbox-button-icon } Expand Your<br>Perspective](#expand-your-perspective){ .toolbox-button .toolbox-bg-perspective }
 
-[:fontawesome-solid-hands-holding-circle:{ .toolbox-button-icon } Support The Community](#support-the-community){ .toolbox-button .toolbox-bg-community }
+[:fontawesome-solid-hands-holding-circle:{ .toolbox-button-icon } Support The<br>Community](#support-the-community){ .toolbox-button .toolbox-bg-community }
 
 [:fontawesome-solid-handshake-angle:{ .toolbox-button-icon } Build<br>Alliances](#build-alliances){ .toolbox-button .toolbox-bg-alliances }
 
-[:fontawesome-solid-heart-circle-check:{ .toolbox-button-icon } Make It Accessible](#make-it-accessible){ .toolbox-button .toolbox-bg-accessibility }
+[:fontawesome-solid-heart-circle-check:{ .toolbox-button-icon } Make It<br>Accessible](#make-it-accessible){ .toolbox-button .toolbox-bg-accessibility }
 
 [:fontawesome-solid-star:{ .toolbox-button-icon } Uphold<br>Integrity](#uphold-integrity){ .toolbox-button .toolbox-bg-integrity }
 
diff --git a/theme/assets/stylesheets/extra.css b/theme/assets/stylesheets/extra.css
index 80e0aa01..d06dec3a 100644
--- a/theme/assets/stylesheets/extra.css
+++ b/theme/assets/stylesheets/extra.css
@@ -627,42 +627,11 @@ path[d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-
   --color-toolbox-action: #a83410;
 }
 
-/* Category Button Style*/
-.md-typeset .category-button {
-    display:flex;
-    text-align: center;
-    font-weight: bold;
-    height: 150px;
-    width: 150px;
-    background-color: none;
-    border: 2px solid var(--pg-light-border);
-    border-radius: 12px;
-}
-
-.md-typeset .category-button:hover {
-    position: relative;
-    transform: scale(1.01);
-    box-shadow: 5px 10px 10px 5px rgba(0,0,0,0.3);
-}
-
-.md-typeset .category-button a, .md-typeset .category-button a:hover {
-    color: #ffffff;
-}
-
-.category-button-icon {
-  display: block;
-  padding: 0;
-  padding-top: 0.5em;
-  margin: auto;
-  width: 50%;
-  filter: invert(1);
-}
-
 /* Toolbox Button Style*/
 .toolbox-button-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(0, min(100%/0, max(150px, 100%/4))));
-    grid-gap: 0.7rem;
+    grid-gap: 1em 5em;
 }
 
 .toolbox-button-grid .toolbox-button {
@@ -673,8 +642,8 @@ path[d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-
     font-size: 0.8rem;
     font-weight: bold;
     line-height: 1;
-    height: 7rem;
-    width: 7rem;
+    height: 11em;
+    width: 11em;
     color: white;
     padding: 5px;
     border: 2px solid var(--pg-light-border);
@@ -685,19 +654,20 @@ path[d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-
 .toolbox-button-grid .toolbox-button:hover {
     position: relative;
     transform: scale(1.08);
-    box-shadow: 5px 10px 10px 5px rgba(0,0,0,0.3);
+    /* box-shadow: 5px 10px 10px 5px rgba(0,0,0,0.3); */
     color: white;
 }
 
 .toolbox-button-grid .toolbox-button-icon {
-    height: 5em;
+    height: 7em;
     display: inline-flex;
-    padding: 8px 30px 5px 30px;
+    padding: 1.1em;
     overflow: visible;
 }
 
 .toolbox-button-grid .toolbox-button-icon svg {
     width: 5em;
+    overflow: visible;
 }
 
 /* Toolbox Button Colors*/