From ea9f5f919c7eefb6e01d6321aca414406d28485c Mon Sep 17 00:00:00 2001
From: Arkerthan <arkerthan@gmail.com>
Date: Fri, 21 Feb 2020 05:29:30 -0800
Subject: [PATCH] fix display issue

---
 src/003-assets/CSS/arcologyBuilding.css | 56 ++++++++++++-------------
 1 file changed, 27 insertions(+), 29 deletions(-)

diff --git a/src/003-assets/CSS/arcologyBuilding.css b/src/003-assets/CSS/arcologyBuilding.css
index c4335ceacb0..92f86f5c583 100644
--- a/src/003-assets/CSS/arcologyBuilding.css
+++ b/src/003-assets/CSS/arcologyBuilding.css
@@ -12,12 +12,10 @@ div.building div.row {
     justify-content: center
 }
 
-div.building div.outerCell {
-}
-
-div.building div.innerCell {
-    border: solid 5px;
-    margin: 3px;
+div.building div.cell {
+    outline: 5px solid;
+    outline-offset: -8px;
+    padding: 10px;
     text-align: center;
 }
 
@@ -51,93 +49,93 @@ div.building div.collapsed {
 
 /* border color for each cell */
 div.building div.row div.apartments {
-    border-color: limegreen;
+    outline-color: limegreen;
 }
 
 div.building div.row div.arcade {
-    border-color: deeppink;
+    outline-color: deeppink;
 }
 
 div.building div.row div.brothel {
-    border-color: violet;
+    outline-color: violet;
 }
 
 div.building div.row div.barracks {
-    border-color: olivedrab;
+    outline-color: olivedrab;
 }
 
 div.building div.row div.club {
-    border-color: orchid;
+    outline-color: orchid;
 }
 
 div.building div.row div.corporateMarket {
-    border-color: purple;
+    outline-color: purple;
 }
 
 div.building div.row div.dairy {
-    border-color: white;
+    outline-color: white;
 }
 
 div.building div.row div.denseApartments {
-    border-color: seagreen;
+    outline-color: seagreen;
 }
 
 div.building div.row div.empty {
-    border-color: lightgray;
+    outline-color: lightgray;
 }
 
 div.building div.row div.farmyard {
-    border-color: brown;
+    outline-color: brown;
 }
 
 div.building div.row div.fsShops {
-    border-color: mediumpurple;
+    outline-color: mediumpurple;
 }
 
 div.building div.row div.manufacturing {
-    border-color: slategray;
+    outline-color: slategray;
 }
 
 div.building div.row div.markets {
-    border-color: mediumorchid;
+    outline-color: mediumorchid;
 }
 
 div.building div.row div.nursery {
-    border-color: deepskyblue;
+    outline-color: deepskyblue;
 }
 
 div.building div.row div.luxuryApartments {
-    border-color: palegreen;
+    outline-color: palegreen;
 }
 
 div.building div.row div.pens {
-    border-color: goldenrod;
+    outline-color: goldenrod;
 }
 
 div.building div.row div.penthouse {
-    border-color: teal;
+    outline-color: teal;
 }
 
 div.building div.row div.pit {
-    border-color: orangered;
+    outline-color: orangered;
 }
 
 div.building div.row div.private {
-    border-color: red;
+    outline-color: red;
 }
 
 div.building div.row div.shops {
-    border-color: thistle;
+    outline-color: thistle;
 }
 
 div.building div.row div.sweatshops {
-    border-color: gray;
+    outline-color: gray;
 }
 
 div.building div.row div.transportHub {
-    border-color: magenta;
+    outline-color: magenta;
 }
 
 div.building div.row div.weaponsManufacturing {
-    border-color: springgreen;
+    outline-color: springgreen;
 }
-- 
GitLab