Apply changes proposed by review

src/components/AppHeader/AppHeader.css

@@ -1,12 +1,13 @@
 @import '../UI/theme';
 
 .appBar {
-  background-color: var(--backgroundAltColor);
+  padding: 8px 24px;
   height: auto;
-  padding: 8px 2.4rem;
+  background-color: var(--backgroundAltColor);
 }
 
 /* Gross stuff below, React Toolbox hacks */
+
 .homeLink,
 .iconMenu {
   margin-left: 2%;

src/components/EntryListing/EntryListing.css

@@ -5,7 +5,7 @@
   overflow: hidden;
   margin-bottom: 16px;
   margin-left: 16px;
-  /*max-width: 31%;*/
+  max-width: 50%;
   max-height: 290px;
   cursor: pointer;
 }

src/components/EntryListing/EntryListing.js

@@ -56,6 +56,7 @@ export default class EntryListing extends React.Component {
           <p>{entry.getIn(['data', inferedFields.descriptionField])}</p>
           : inferedFields.remainingFields && inferedFields.remainingFields.map(f => (
             <p key={f.get('name')} className={styles.cardList}>
+              <span className={styles.cardListLabel}>{f.get('label')}:</span>{' '}
               { entry.getIn(['data', f.get('name')], '').toString() }
             </p>
           ))

src/components/UI/card/Card.css

@@ -12,7 +12,7 @@
 .card > iframe,
 .card > video,
 .card > img {
-  margin: -16px -24px 16px -24px;
+  margin: -16px -24px 16px;
   width: calc(100% + 16px + 16px);
 }
 
@@ -33,5 +33,18 @@
   letter-spacing: 0;
   line-height: 24px;
   padding: 0;
-  color: #8c8c8c;
+  color: var(--textMutedColor);
+}
+
+.card > *:not(iframe, video, img, header, footer) {
+  margin-right: 10px;
+  margin-left: 10px;
+}
+
+.card > *:not(iframe, video, img, header, footer):first-child {
+  margin-top: 10px;
+}
+
+.card > *:not(iframe, video, img, header, footer):last-child {
+  margin-bottom: 10px;
 }

src/components/UI/theme.css

@@ -10,6 +10,7 @@
   --warningColor: #fa0;
   --errorColor: #f52;
   --textColor: #191919;
+  --textMutedColor: #8c8c8c;
   --borderRadius: 4px;
   --borderRadiusLarge: 8px;
   --dropShadow: 0 2px 4px 0 rgba(19, 39, 48, .12);