gt/bs - change some css.

appfolio · Apr 27, 2017 · 1d8e2a0 · 1d8e2a0
1 parent dac3cfa
commit 1d8e2a0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/src/components/CardContainer.js b/src/components/CardContainer.js
@@ -37,8 +37,14 @@ class CardContainer extends Component {
       <section className={classnames(className, styles.cardContainer)} id={id}>
         <header className={styles.cardContainerTitle}>
           <Row>
-            <Col xs={12} sm={gridNumber} className='text-sm-left' onClick={expandable ? this.toggle : null} style={{ cursor: cursorStyle }}>
-              {expandable ? <Icon name={iconName} className={styles.iconCaretRight}/> : null} {title}
+            <Col
+              xs={12}
+              sm={gridNumber}
+              className='text-sm-left text-uppercase'
+              onClick={expandable ? this.toggle : null}
+              style={{ cursor: cursorStyle }}
+            >
+              {expandable ? <Icon name={iconName} className={styles.iconCaretRight} /> : null} {title}
             </Col>
             {searchBar ?
               <Col xs={12} sm={4} className={searchBarClassName}>

diff --git a/src/components/CardContainer.scss b/src/components/CardContainer.scss
@@ -7,22 +7,18 @@ $saffron-dark-gray: #b3b3b3;
   background-color: $saffron-lightest-gray;
   margin-top: 10px;
   margin-bottom: 2em;
-
   box-shadow: 0 1px 3px rgba(111, 127, 136, 0.12), 0 1px 2px rgba(111, 127, 136, 0.24);
 }
 
 .card-container__title {
   background: $saffron-light-gray;
   border-bottom: none;
   color: $saffron-darkest-gray;
-  cursor: inherit;
   font-family: 'Open Sans', sans-serif;
   font-size: 20px;
-  font-weight: normal;
   letter-spacing: 1px;
   padding: 0.5rem 1rem;
   position: relative;
-  text-transform: uppercase;
 }
 
 .card-container__body {
@@ -31,4 +27,5 @@ $saffron-dark-gray: #b3b3b3;
 
 .icon-caret-right {
   color: $saffron-dark-gray;
+  width: 0.5em;
 }