diff --git a/src/style/organisms/_equipment-sheet.scss b/src/style/organisms/_equipment-sheet.scss index a565df70..c4e30ca0 100644 --- a/src/style/organisms/_equipment-sheet.scss +++ b/src/style/organisms/_equipment-sheet.scss @@ -8,10 +8,9 @@ display: grid; grid-auto-columns: 1fr 1fr; grid-template-columns: 80px auto; - grid-template-rows: 32px 48px auto 48px; + grid-template-rows: 48px auto 48px; gap: 8px; grid-template-areas: - "category category" "quantity name" "description description" "bottomline bottomline"; @@ -72,52 +71,6 @@ } - .category { - grid-area: category; - position: relative; - - label { - line-height: 24px; - vertical-align: middle; - - - } - - .array-editor { - position: absolute; - right: 0; - left: 80px; - top: 0; - bottom: 0; - - ul { - list-style-type: none; - padding: 0 32px 0 0; - margin: 0; - text-indent: 0; - - li { - display: inline-block; - border: 1px solid #333; - background-color: rgba(255, 255, 255, 0.2); - border-radius: 12px; - line-height: 24px; - vertical-align: middle; - padding: 0 8px; - box-shadow: numbers.$pill-box-inset numbers.$pill-box-inset numbers.$pill-box-blur-radius colours.$pill-box-shadow; - } - } - - select { - position: absolute; - right: 0; - top: 0; - width: 24px; - } - } - - } - .quantity { grid-area: quantity; } @@ -125,18 +78,15 @@ .description { grid-area: description; position: relative; + display: flex; + flex-direction: column; label { - height: 14px; + flex: 0; } .editor { - position: absolute; - top: 14px; - left: 0; - right: 0; - bottom: 0; - border-bottom: 1px inset #333; + flex: 1; } }