From 1012a4f2536fccc715d96626764b8d1c702dafce Mon Sep 17 00:00:00 2001
From: MouseOfLight <MouseOfLight@gmail.com>
Date: Sun, 20 Oct 2019 09:21:08 -0700
Subject: [PATCH] Switched to flex-grid to allow the final line to be centered
---
src/uncategorized/buildingWidgets.tw | 17 ++++++++++++-----
1 file changed, 12 insertions(+), 5 deletions(-)
diff --git a/src/uncategorized/buildingWidgets.tw b/src/uncategorized/buildingWidgets.tw
index ef56156b922..ad609ec1ca4 100644
--- a/src/uncategorized/buildingWidgets.tw
+++ b/src/uncategorized/buildingWidgets.tw
@@ -68,7 +68,9 @@ Yes, I am aware this is horrible. If anyone can figure out how to get widgets to
display:block;
}
.arcology.griddedLinks .penthouseWrapper {
- display: grid;
+ display: flex;
+ flex-wrap: wrap;
+ box-sizing: border-box;
}
.arcology.griddedLinks .penthouse .info:before,
.arcology.griddedLinks .penthouse .info:after {
@@ -80,11 +82,16 @@ Yes, I am aware this is horrible. If anyone can figure out how to get widgets to
margin-top: -0.2em;
margin-bottom: 0.2em;
}
- .arcology.grid2 .penthouseWrapper {
- grid-template-columns: repeat(2, 1fr);
+ .arcology.griddedLinks .penthouseWrapper .penthouse {
+ flex-grow: 1;
+ box-sizing: border-box;
+ justify-content: space-between;
}
- .arcology.grid3 .penthouseWrapper {
- grid-template-columns: repeat(3, 1fr);
+ .arcology.grid2 .penthouseWrapper .penthouse {
+ width: 45%;
+ }
+ .arcology.grid3 .penthouseWrapper .penthouse {
+ width: 30%;
}
</style>
--
GitLab