From 1c2bea275e32f59e2e1c6012b4ddf01ec2360b4e Mon Sep 17 00:00:00 2001
From: NilsUeter <nils.ueter@gmail.com>
Date: Sat, 2 Dec 2023 10:13:02 +0100
Subject: [PATCH] prettier characteristic boxes

---
 src/10th/Roster.jsx  | 9 ++++++---
 src/10th/Weapons.jsx | 1 -
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/10th/Roster.jsx b/src/10th/Roster.jsx
index 288fe6b..318a622 100644
--- a/src/10th/Roster.jsx
+++ b/src/10th/Roster.jsx
@@ -660,8 +660,9 @@ const FancyBox = ({ children }) => {
 			style={{
 				color: "var(--primary-color)",
 				padding: 2,
-				background:
-					"linear-gradient(-45deg, transparent 4px, var(--primary-color) 0)",
+				background: "var(--primary-color)",
+				clipPath:
+					"polygon(12% 0, 100% 0, 100% 20%, 100% 88%, 88% 100%, 20% 100%, 0 100%, 0 12%)",
 			}}
 		>
 			<div
@@ -671,7 +672,9 @@ const FancyBox = ({ children }) => {
 					display: "flex",
 					alignItems: "center",
 					justifyContent: "center",
-					background: "linear-gradient(315deg, transparent 3px, #E8EDE7 0)",
+					background: "#E8EDE7",
+					clipPath:
+						"polygon(10% 0, 100% 0, 100% 20%, 100% 90%, 90% 100%, 20% 100%, 0 100%, 0 10%)",
 					padding: 3,
 					fontSize: "1.6em",
 					fontWeight: 800,
diff --git a/src/10th/Weapons.jsx b/src/10th/Weapons.jsx
index 937e40d..775ef92 100644
--- a/src/10th/Weapons.jsx
+++ b/src/10th/Weapons.jsx
@@ -114,7 +114,6 @@ const Weapon = ({ weapon, previousWeapon, nextWeapon, isMelee, className }) => {
 				</td>
 				<td style={{ textAlign: "left" }}>
 					<div
-						className="min-w-[24vw]"
 						style={{
 							display: "flex",
 							alignItems: "center",