Apply the same rules to block event items..

Try to avoid alignment issues as well.
This commit is contained in:
Kjel Delaey 2015-11-04 16:22:27 +01:00
parent 8508be74d2
commit 8b0906c86d

View file

@ -4,19 +4,16 @@
*/
.event-item {
font-size: $gl-font-size;
padding: $gl-padding;
padding: $gl-padding $gl-padding $gl-padding ($gl-padding + $gl-avatar-size);
margin-left: -$gl-padding;
margin-right: -$gl-padding;
border-bottom: 1px solid $table-border-color;
color: #7f8fa4;
&.event-inline {
padding-left: $gl-padding + $gl-avatar-size;
.avatar {
position: relative;
top: -2px;
margin-left: -$gl-avatar-size;
}
.event-title {
@ -33,6 +30,7 @@
}
.avatar {
margin-left: -$gl-avatar-size;
margin-right: 15px;
}
@ -46,9 +44,6 @@
}
.event-body {
margin-left: 63px;
margin-right: 80px;
.event-note {
margin-top: 5px;
word-wrap: break-word;
@ -158,9 +153,7 @@
@media (max-width: $screen-xs-max) {
.event-item {
&.event-inline {
padding-left: $gl-padding;
}
padding-left: $gl-padding;
.event-title {
white-space: normal;