Apply the same rules to block event items..
Try to avoid alignment issues as well.
This commit is contained in:
parent
8508be74d2
commit
8b0906c86d
1 changed files with 3 additions and 10 deletions
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue