improves css for items on list with images

This commit is contained in:
decabeza
2017-10-03 13:57:01 +02:00
parent 5e9a452e55
commit c32a70d2a9
3 changed files with 8 additions and 9 deletions

View File

@@ -668,16 +668,15 @@
padding-top: 100%;
}
}
.column:first-child {
text-align: center;
}
}
@include breakpoint(medium) {
.panel {
padding: 0 $line-height / 2 0 0;
&.with-image {
padding: 0 $line-height / 2 0 0;
}
.no-image {
height: 100%;

View File

@@ -1,8 +1,8 @@
<div id="<%= dom_id(investment) %>" class="budget-investment clear">
<div class="panel">
<div class="panel with-image">
<div class="row" data-equalizer>
<div class="small-12 medium-3 large-2 column">
<div class="small-12 medium-3 large-2 column text-center">
<div data-equalizer-watch>
<% if investment.image.present? %>
<%= image_tag investment.image_url(:thumb), alt: investment.image.title %>

View File

@@ -1,11 +1,11 @@
<div id="<%= dom_id(proposal) %>"
class="proposal clear <%= ("successful" if proposal.total_votes > Proposal.votes_needed_for_success) %>"
data-type="proposal">
<div class="panel">
<div class="panel with-image">
<div class="icon-successful"></div>
<div class="row" data-equalizer>
<div class="small-12 medium-3 large-2 column">
<div class="small-12 medium-3 large-2 column text-center">
<div data-equalizer-watch>
<% if proposal.image.present? %>
<%= image_tag proposal.image_url(:thumb), alt: proposal.image.title %>