diff --git a/static/src/app/common/user-interface/list-filter/list-filter.component.css b/static/src/app/common/user-interface/list-filter/list-filter.component.css index 2d50504..1e3f1fe 100644 --- a/static/src/app/common/user-interface/list-filter/list-filter.component.css +++ b/static/src/app/common/user-interface/list-filter/list-filter.component.css @@ -13,3 +13,22 @@ height: 32px; width: 32px; } + +:host/deep/.mat-icon > svg { + color: #222222; +} + +:host/deep/.mat-icon { + height: 32px; + width: 32px; +} + +:host/deep/.mat-button-toggle { + background: white; + color: darkslategrey; +} + +:host/deep/.mat-button-toggle-checked { + background: rgba(51, 122, 183, 0.64); + color: white; +} diff --git a/static/src/app/statistic/war/war-list/war-list.component.css b/static/src/app/statistic/war/war-list/war-list.component.css index cb06fbf..0c21524 100644 --- a/static/src/app/statistic/war/war-list/war-list.component.css +++ b/static/src/app/statistic/war/war-list/war-list.component.css @@ -1,3 +1,7 @@ +.war-list-header { + margin: auto; +} + span > a { font-weight: 600 !important; } @@ -25,12 +29,6 @@ mat-expansion-panel-header.mat-expansion-panel-header:focus { background-color: #4e4e4e; } -.select-list { - height: 120%; - background: #ececec; - box-shadow: 2px 1px 5px grey; -} - .select-list > div:last-child { margin: 20px 0; } @@ -70,6 +68,6 @@ mat-expansion-panel-header.mat-expansion-panel-header:focus { background: white; font-weight: 700; color: #3e3e3e; - margin: 5px; + margin: 0 10px 10px 10px; width: 95%; } diff --git a/static/src/app/statistic/war/war-list/war-list.component.html b/static/src/app/statistic/war/war-list/war-list.component.html index badcbc5..4b65618 100644 --- a/static/src/app/statistic/war/war-list/war-list.component.html +++ b/static/src/app/statistic/war/war-list/war-list.component.html @@ -1,5 +1,5 @@