Fixes filter cell height styling when the row height changes

concord-consortium · Jan 31, 2024 · b904ca8 · b904ca8
1 parent ebf636a
commit b904ca8
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/attribute-filter.scss b/src/components/attribute-filter.scss
@@ -49,7 +49,6 @@ $filter-green: #2dbe5e;
     font-weight: 500;
     color: #000;
     text-align: left;
-    padding-left: 5px;
 
     td.filter-units {
       text-align: center;
@@ -59,15 +58,14 @@ $filter-green: #2dbe5e;
     }
 
     td.filter-filter {
-      display: flex;
-      align-items: center;
-      justify-content: flex-end;
+      display: table-cell;
       text-align: right;
       background-color: $teal-light-25;
       color: #177991;
       font-size: 10px;
       box-sizing: border-box;
       cursor: pointer;
+      height: 100%;
 
       &.filtering {
         background-color: $filter-background-green-25;
@@ -87,6 +85,8 @@ $filter-green: #2dbe5e;
         display: flex;
         flex-direction: row;
         align-items: center;
+        justify-content: flex-end;
+        height: 100%;
 
         .edit-icon {
           margin: 0 3px 0 7px;