fix(app-audit-logs): date fields text alignment [skip ci]

webiny · May 16, 2024 · 1a4f2b1 · 1a4f2b1
1 parent 1ea4bf7
commit 1a4f2b1
Showing 1 changed file with 19 additions and 2 deletions.
diff --git a/packages/app-audit-logs/src/views/Logs/Filters/styled.tsx b/packages/app-audit-logs/src/views/Logs/Filters/styled.tsx
@@ -3,22 +3,39 @@ import styled from "@emotion/styled";
 export const TimestampFiltersContainer = styled.div`
     display: flex;
     column-gap: 16px;
+    flex-grow: 1;
 
     .mdc-text-field:first-of-type {
         height: 40px !important;
+        position: relative;
+        min-width: 225px;
+
+        input {
+            text-indent: 20px;
+        }
 
         input:before {
+            text-indent: 0;
             content: "From:";
-            margin-right: 8px;
+            margin-left: -25px;
+            position: absolute;
         }
     }
 
     .mdc-text-field:last-of-type {
         height: 40px !important;
+        position: relative;
+        min-width: 205px;
+
+        input {
+            text-indent: 10px;
+        }
 
         input:before {
+            text-indent: 0;
             content: "To:";
-            margin-right: 8px;
+            margin-left: -15px;
+            position: absolute;
         }
     }
 `;