Merge pull request #1894 from grafana/ash/fix-missing-styles

Bug: Fix `AlertList` styling
This commit is contained in:
Zoltán Bedi
2024-10-15 13:08:09 +02:00
committed by GitHub

View File

@@ -1,3 +1,41 @@
.alert-rule-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
list-style-type: none;
}
.alert-rule-item {
display: flex;
align-items: center;
width: 100%;
height: 100%;
background: $card-background;
box-shadow: $card-shadow;
padding: 4px 8px;
border-radius: 4px;
margin-bottom: 4px;
}
.alert-rule-item__icon {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
padding: 0 4px 0 2px;
.icon-gf,
.fa {
font-size: 200%;
position: relative;
top: 2px;
}
}
.alert-list__btn {
margin: 0 2px;
display: flex;
align-items: center;
justify-content: center;
}
.triggers-panel-scroll {
overflow: auto;
}