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

* update styling for empty button and date picker icon Signed-off-by: Shenoy Pratik <[email protected]> * move line-height to empty button class Signed-off-by: Shenoy Pratik <[email protected]> * update changelog Signed-off-by: Shenoy Pratik <[email protected]> * remove specificity for QuickSelectPopover Signed-off-by: Shenoy Pratik <[email protected]> * fix formatting in for calc Signed-off-by: Shenoy Pratik <[email protected]> --------- Signed-off-by: Shenoy Pratik <[email protected]>
opensearch-project · Aug 16, 2024 · d2bea6f · d2bea6f
1 parent a45811b
commit d2bea6f
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -12,6 +12,7 @@
 ### 🐛 Bug Fixes
 
 - Fixes combobox height with appendees ([#1338](https://github.com/opensearch-project/oui/pull/1338))
+- Update styling for empty button and date picker icon ([#1342](https://github.com/opensearch-project/oui/pull/1342))
 
 ### 🚞 Infrastructure
 

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 {