diff --git a/src/003-assets/CSS/arcologyBuilding.css b/src/003-assets/CSS/arcologyBuilding.css index a858bf26bb9305b39893a9e57cc1f6fc0e22a016..750410612e3a6aae3d0cbf28fe5093e6cfabc1a8 100644 --- a/src/003-assets/CSS/arcologyBuilding.css +++ b/src/003-assets/CSS/arcologyBuilding.css @@ -6,7 +6,7 @@ div.building { div.building.basement { box-shadow: 0 -1px 0 #333333; - background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, #333333 20px, #333333 30px); + background-image: repeating-linear-gradient(135deg, transparent, transparent 20px, #333333 20px, #333333 30px); } div.building div.row { @@ -18,13 +18,18 @@ div.building div.row { } div.building div.outerCell { - text-align: center; + /* fill cell fully, part 1: trick to fill the full height even if content is smaller */ + display: flex; + flex-direction: row; } div.building div.innerCell { margin: 3px; border: 5px solid; padding: 2px; + text-align: center; + /* fill cell fully, part 2: full width */ + width: 100%; /* overwriting with the default background color to hide the basement indicator */ background-color: #111; }