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
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
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
Community](#support-the-community){ .toolbox-button .toolbox-bg-community }
[:fontawesome-solid-handshake-angle:{ .toolbox-button-icon } Build
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
Accessible](#make-it-accessible){ .toolbox-button .toolbox-bg-accessibility }
[:fontawesome-solid-star:{ .toolbox-button-icon } Uphold
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*/