Fix card meta alignments (fixes #561)

master
Alexander Surma 2015-06-30 21:44:21 +01:00
parent 338431d6d9
commit 7b9e239d2e
2 changed files with 4 additions and 4 deletions

View File

@ -44,7 +44,7 @@
</style>
</head>
<body>
<div class="mdl-layout mdl-js-layout has-drawer is-upgraded">
<div class="demo-blog mdl-layout mdl-js-layout has-drawer is-upgraded">
<header class="mdl-layout__header mdl-layout__header--scroll mdl-layout__header--transparent is-casting-shadow mdl-color-text--white">
</header>
<main class="mdl-layout__content mdl-grid">
@ -66,7 +66,7 @@
<img src="images/logo.svg" width>
+1,337
</div>
<div class="mdl-card__supporting-text meta mdl-color-text--grey-600">
<div class="mdl-card__supporting-text meta meta--fill mdl-color-text--grey-600">
<div>
<strong>The Newist</strong>
</div>

View File

@ -92,7 +92,7 @@ main.mdl-layout__content {
padding: 16px;
display: flex;
flex-direction: row;
align-items: center !important;
align-items: center ;
justify-content: flex-start;
height: auto;
}
@ -104,7 +104,7 @@ main.mdl-layout__content {
font-size: 2em;
cursor: pointer;
}
.mdl-card:nth-child(2n) .meta {
.demo-blog .mdl-card .meta.meta--fill {
justify-content: space-between;
}
.meta > *:first-child {