symmetry

packages/website/src/components/BaseStyles.astro

@@ -18,6 +18,9 @@ import "@fontsource-variable/roboto-flex";
 
     --page-width: 64rem;
 
+    /* idk how to actually get or apply this without uglifying the scrollbar */
+    --scrollbar-width: 15px;
+
     --max-size: max(100vw, 100vh);
     --radius-max: var(--max-size);
 

packages/website/src/components/TankopediaLoadout/index.module.css

@@ -66,6 +66,9 @@
   }
 
   .provisions {
+    width: 0;
+    min-width: 100%;
+
     display: flex;
     flex-wrap: wrap;
     gap: var(--space-3);

packages/website/src/pages/[...chunk_default]/[...locale]/tanks/[slug]/_index.module.css

@@ -17,6 +17,7 @@
 
     .content {
       padding: var(--space-5);
+      padding-right: calc(var(--space-5) - var(--scrollbar-width));
 
       display: flex;
       flex-direction: column;