| | |
| | | flex: 1; |
| | | display: flex; |
| | | padding: 1vh 1vw 1vh; |
| | | margin-bottom: 18.5vh; |
| | | margin-bottom: 18vh; |
| | | box-sizing: border-box; |
| | | gap: 0; |
| | | min-height: 0; |
| | |
| | | flex: 35; |
| | | } |
| | | .order-stats { |
| | | flex: 50; |
| | | flex: 48; |
| | | } |
| | | .inventory-type { |
| | | flex: 50; |
| | | flex: 52; |
| | | } |
| | | .inventory-type .panel-content { |
| | | padding: 1.1vh 1.2vw; |
| | |
| | | margin-bottom: 0.6vh; |
| | | } |
| | | .inventory-type .donut-chart-layout { |
| | | flex: 1; |
| | | min-height: 0; |
| | | flex: 0 0 auto; |
| | | height: 70%; |
| | | } |
| | | .inventory-type .chart-part { |
| | | height: 78%; |
| | | height: 100%; |
| | | } |
| | | .inventory-type .legend-part { |
| | | gap: 1vh; |
| | | padding-left: 14px; |
| | | flex: 1; |
| | | min-height: 0; |
| | | gap: 0.8vh; |
| | | padding-left: 12px; |
| | | } |
| | | .inventory-type .legend-item { |
| | | padding-bottom: 3px; |