DATAP-1570 various styling fixes (#560)

* Fixed issues with buttons being displayed in a group, to include explicit display values * Updated margins in Error and Warning notifications. * updated version for package json * updated version #2 for package json * added build * added space after separator in Trends Panel * updated build * update dist --------- Co-authored-by: Chanel Henley <[email protected]> Co-authored-by: Richard Dinh <[email protected]>
cfpb · Nov 26, 2024 · ec0943c · ec0943c
1 parent 1fee43b
commit ec0943c
Show file tree

Hide file tree

Showing 11 changed files with 18 additions and 15 deletions.
diff --git a/dist/ccdb5.css b/dist/ccdb5.css
diff --git a/dist/ccdb5.css.map b/dist/ccdb5.css.map
diff --git a/dist/ccdb5.js b/dist/ccdb5.js
diff --git a/dist/ccdb5.js.map b/dist/ccdb5.js.map
diff --git a/src/components/ActionBar/ActionBar.scss b/src/components/ActionBar/ActionBar.scss
@@ -22,6 +22,7 @@
     .a-btn {
       margin-right: $gutter-normal;
       font-size: $size-v;
+      display: inline-block;
 
       svg {
         margin-right: $gutter-minimum;

diff --git a/src/components/Filters/Aggregation/AggregationBranch/AggregationBranch.scss b/src/components/Filters/Aggregation/AggregationBranch/AggregationBranch.scss
@@ -36,6 +36,8 @@ li.aggregation-branch {
       text-align: left;
       vertical-align: top;
 
+      display: inline-block;
+
       .cf-icon-svg {
         padding-left: $gutter-minimum;
       }

diff --git a/src/components/Search/Hero/Hero.scss b/src/components/Search/Hero/Hero.scss
@@ -20,6 +20,7 @@
     button,
     a {
       font-size: 16px;
+      display: inline-block;
     }
 
     &.m-list__item {

diff --git a/src/components/Trends/TrendsPanel/TrendsPanel.scss b/src/components/Trends/TrendsPanel/TrendsPanel.scss
@@ -7,6 +7,7 @@
     }
     .separator {
       display: inline-block;
+      margin-right: 10px;
     }
   }
 

diff --git a/src/components/Warnings/Error.js b/src/components/Warnings/Error.js
@@ -1,6 +1,5 @@
 import getIcon from '../iconMap';
 import PropTypes from 'prop-types';
-import './Error.scss';
 
 export const ErrorBlock = ({ text }) => (
   <div

diff --git a/src/components/Warnings/Error.scss b/src/components/Warnings/Error.scss
diff --git a/src/components/Warnings/Warning.scss b/src/components/Warnings/Warning.scss
@@ -1,6 +1,10 @@
 .warning {
   &.m-notification {
     margin: 10px;
+
+    .m-notification__message {
+      padding-right: 18px;
+    }
   }
 
   .close {