diff --git a/satiate.css b/satiate.css index b9033b3..33920ce 100644 --- a/satiate.css +++ b/satiate.css @@ -411,18 +411,56 @@ a:hover { } #area-name { - margin: 10px 0px; - padding: 10px; - background: rgba(255,255,255,0.07); font-size: 36px; } #area-desc { + +} + +#inventory-info { margin: 10px 0px; padding: 10px; background: rgba(255,255,255,0.07); + flex: 1 0; +} + +#inventory-header { + text-align: center; + font-size: 36px; +} + +#inventory-items { + display: flex; + flex-direction: column; +} + +.inventory-item { + display: flex; } +.inventory-item-name { + flex: 3; + font-size: 24px; +} + +.inventory-item-button { + flex: 1; + font-size: 24px; + display: inline-block; + user-select: none; + background-color: #111; + border: 1px solid #333; + color: #eee; +} + +.inventory-item-button:active { + background-color: #222; +} + +.inventory-item-button:focus { + outline: 0px; +} #log::-webkit-scrollbar { width: 3px; height: 2px; diff --git a/satiate.html b/satiate.html index a571d43..81e85bc 100644 --- a/satiate.html +++ b/satiate.html @@ -45,7 +45,8 @@