summaryrefslogtreecommitdiffstats
path: root/public/src/app/rule-engine/rule-list/rule-list.component.scss
diff options
context:
space:
mode:
Diffstat (limited to 'public/src/app/rule-engine/rule-list/rule-list.component.scss')
-rw-r--r--public/src/app/rule-engine/rule-list/rule-list.component.scss24
1 files changed, 17 insertions, 7 deletions
diff --git a/public/src/app/rule-engine/rule-list/rule-list.component.scss b/public/src/app/rule-engine/rule-list/rule-list.component.scss
index c4aee05..6446fbd 100644
--- a/public/src/app/rule-engine/rule-list/rule-list.component.scss
+++ b/public/src/app/rule-engine/rule-list/rule-list.component.scss
@@ -4,30 +4,30 @@
height: 100%;
display: flex;
flex-direction: column;
-
+ margin: 0;
+ padding: 0;
.header {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
color: #191919;
- border-bottom: 2px solid #d2d2d2;
- padding-bottom: 0.5rem;
- margin: 1rem;
+ border-bottom: 1px solid #d2d2d2;
+ padding-bottom: 5px;
+ margin: 8px 0;
}
-
.item {
border: 1px solid #d2d2d2;
padding: 0 10px;
height: 40px;
}
-
.mat-fab,
.mat-mini-fab,
.mat-raised-button {
box-shadow: none;
}
}
+
.my-full-screen-dialog .mat-dialog-container {
max-width: none;
width: 100vw;
@@ -46,7 +46,6 @@
display: flex !important;
justify-content: center !important;
color: #d2d2d2 !important;
-
&:hover {
color: #009fdb !important;
}
@@ -68,6 +67,7 @@
.mat-mini-fab .mat-button-wrapper {
padding: 0 !important;
}
+
.mat-icon {
// width: 18px;
// height: 18px;
@@ -75,35 +75,45 @@
justify-content: center !important;
align-items: center !important;
}
+
/* Rules for sizing the icon. */
+
.material-icons.md-18 {
font-size: 18px;
}
+
.material-icons.md-24 {
font-size: 24px;
}
+
.material-icons.md-30 {
font-size: 30px;
}
+
.material-icons.md-36 {
font-size: 36px;
}
+
.material-icons.md-48 {
font-size: 48px;
}
/* Rules for using icons as black on a light background. */
+
.material-icons.md-dark {
color: rgba(0, 0, 0, 0.54);
}
+
.material-icons.md-dark.md-inactive {
color: rgba(0, 0, 0, 0.26);
}
/* Rules for using icons as white on a dark background. */
+
.material-icons.md-light {
color: rgba(255, 255, 255, 1);
}
+
.material-icons.md-light.md-inactive {
color: rgba(255, 255, 255, 0.3);
}