From aaf5fb0daeef1ef721ca46d75a32cb8f06d75de2 Mon Sep 17 00:00:00 2001 From: Arkerthan <arkerthan@gmail.com> Date: Thu, 17 Dec 2020 19:22:42 +0100 Subject: [PATCH] Make buy prosthetics columns dynamically sized --- src/003-assets/CSS/gridTemplates.css | 9 +++++---- src/interaction/prostheticConfig.tw | 2 +- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/src/003-assets/CSS/gridTemplates.css b/src/003-assets/CSS/gridTemplates.css index 87763df8e8a..bdc2adf2e7f 100644 --- a/src/003-assets/CSS/gridTemplates.css +++ b/src/003-assets/CSS/gridTemplates.css @@ -24,15 +24,16 @@ div.eyeContainer { grid-template-columns: 80px 50px 70px 50px; } -div.buyProsthetics { +div.buy-prosthetics { display: grid; - grid-template-columns: 300px 140px 150px 150px; + grid-template-columns: repeat(4, max-content); + grid-column-gap: 40px; } -div.buyProsthetics div.full { +div.buy-prosthetics div.full { grid-column-start: 2; grid-column-end: 5; } -div.buyProsthetics div.research { +div.buy-prosthetics div.research { grid-column-start: 3; grid-column-end: 5; text-align: center; diff --git a/src/interaction/prostheticConfig.tw b/src/interaction/prostheticConfig.tw index dc84c4ea06d..18e5a2ba208 100644 --- a/src/interaction/prostheticConfig.tw +++ b/src/interaction/prostheticConfig.tw @@ -273,7 +273,7 @@ This room is lined with shelves and cabinets; it could be easily mistaken for a <p class="choices"> //Fit prosthetics to $him:// -<div class="buyProsthetics"> +<div class="buy-prosthetics"> <div></div> <div>''Buy and fit''</div> <div> -- GitLab