Fix BookingPanel title class overriding

Fix the title class overriding so that the css load order does not affext the styles. Also removes a redundant media query definition.
sharetribe · Dec 31, 2018 · b20c6ca · b20c6ca
1 parent 298018f
commit b20c6ca
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/src/components/BookingPanel/BookingPanel.css b/src/components/BookingPanel/BookingPanel.css
@@ -77,13 +77,11 @@
 }
 
 .bookingTitle {
-  @media (--viewportMedium) {
-    /* Font */
-    color: var(--matterColor);
+  /* Font */
+  color: var(--matterColor);
 
-    margin-top: 0;
-    margin-bottom: 9px;
-  }
+  margin-top: 0;
+  margin-bottom: 9px;
 }
 
 .bookingHelp {

diff --git a/src/components/BookingPanel/BookingPanel.js b/src/components/BookingPanel/BookingPanel.js
@@ -90,7 +90,7 @@ const BookingPanel = props => {
     : 'BookingPanel.perUnit';
 
   const classes = classNames(rootClassName || css.root, className);
-  const titleClasses = classNames(css.bookingTitle, titleClassName);
+  const titleClasses = classNames(titleClassName || css.bookingTitle);
 
   return (
     <div className={classes}>

diff --git a/src/components/TransactionPanel/TransactionPanel.css b/src/components/TransactionPanel/TransactionPanel.css
@@ -421,5 +421,9 @@
 }
 
 .bookingTitle {
+  /* Font */
+  color: var(--matterColor);
+
+  margin-top: 0;
   margin-bottom: 1px;
 }