diff --git a/src/components/AppHeader/AppHeader.css b/src/components/AppHeader/AppHeader.css index f0d0c8fb..90b22a4d 100644 --- a/src/components/AppHeader/AppHeader.css +++ b/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%; diff --git a/src/components/EntryListing/EntryListing.css b/src/components/EntryListing/EntryListing.css index 07be5d41..45061154 100644 --- a/src/components/EntryListing/EntryListing.css +++ b/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; } diff --git a/src/components/EntryListing/EntryListing.js b/src/components/EntryListing/EntryListing.js index 53058ce7..20692af7 100644 --- a/src/components/EntryListing/EntryListing.js +++ b/src/components/EntryListing/EntryListing.js @@ -56,6 +56,7 @@ export default class EntryListing extends React.Component {
{entry.getIn(['data', inferedFields.descriptionField])}
: inferedFields.remainingFields && inferedFields.remainingFields.map(f => (+ {f.get('label')}:{' '} { entry.getIn(['data', f.get('name')], '').toString() }
)) diff --git a/src/components/UI/card/Card.css b/src/components/UI/card/Card.css index ece14817..f323d7bb 100644 --- a/src/components/UI/card/Card.css +++ b/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; } diff --git a/src/components/UI/theme.css b/src/components/UI/theme.css index f43e6fa6..f342f7e2 100644 --- a/src/components/UI/theme.css +++ b/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);