Update styling for empty button and date picker icon (#1342) (#1348)

* update styling for empty button and date picker icon Signed-off-by: Shenoy Pratik <sgguruda@amazon.com> * move line-height to empty button class Signed-off-by: Shenoy Pratik <sgguruda@amazon.com> * update changelog Signed-off-by: Shenoy Pratik <sgguruda@amazon.com> * remove specificity for QuickSelectPopover Signed-off-by: Shenoy Pratik <sgguruda@amazon.com> * fix formatting in for calc Signed-off-by: Shenoy Pratik <sgguruda@amazon.com> --------- Signed-off-by: Shenoy Pratik <sgguruda@amazon.com> (cherry picked from commit d2bea6f) Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> # Conflicts: # CHANGELOG.md Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
opensearch-project · Aug 16, 2024 · a4a1003 · a4a1003
1 parent 80ffcf3
commit a4a1003
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/button/button_empty/_button_empty.scss b/src/components/button/button_empty/_button_empty.scss
@@ -25,6 +25,7 @@
   animation: none !important; /* 1 */
   transition-timing-function: ease-in; /* 2 */
   transition-duration: $ouiAnimSpeedFast; /* 2 */
+  line-height: inherit;
 
   .ouiButtonEmpty__content {
     padding: 0 $ouiSizeS;

diff --git a/src/components/date_picker/super_date_picker/quick_select_popover/_quick_select_popover.scss b/src/components/date_picker/super_date_picker/quick_select_popover/_quick_select_popover.scss
@@ -25,7 +25,7 @@
 // sass-lint:disable no-important
 .ouiQuickSelectPopover__buttonText {
   // Override specificity from universal and sibling selectors
-  margin-right: $ouiSizeXS !important;
+  margin-right: calc($ouiSizeXS / 2) !important;
 }
 
 .ouiQuickSelectPopover__anchor {