Fix card meta alignments (fixes #561)
parent
338431d6d9
commit
7b9e239d2e
|
@ -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>
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in New Issue