Revisions to card UI

This commit is contained in:
Aaron Carlino 2019-11-20 10:08:33 +13:00
parent 7cc97c77d7
commit 96c076fe79
2 changed files with 10 additions and 2 deletions

View File

@ -10,7 +10,7 @@ const createCards = (children: SilverstripeDocument[]): ReactElement[] => {
<div className="col-12 col-lg-6 py-3" key={slug}>
<div className="card shadow-sm">
<div className="card-body">
<h5 className="card-title mb-3">
<h5 className="card-title">
<span className="theme-icon-holder card-icon-holder mr-2">
<i className={iconClass}></i>
</span>

View File

@ -152,14 +152,22 @@ h1, h2, h3 {
}
.card-body {
padding: 1.25rem;
h5 {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 0.75rem;
.card-icon-holder {
flex-shrink: 0;
flex-shrink: 0;
padding: 0;
height: 32px;
width: 32px;
}
}
.card-title-text {
top: 0;
}
}
.github-edit {