Vertical alignment of icons on mobile newswire

merge-requests/8/head
Bob Mottram 2020-10-12 17:24:44 +01:00
parent e3dc892ee4
commit 8aa37bde55
1 changed files with 45 additions and 44 deletions

View File

@ -957,40 +957,40 @@ aside .toggle-inside li {
line-height: var(--line-spacing); line-height: var(--line-spacing);
} }
.newswireItem { .newswireItem {
font-size: var(--font-size-newswire); font-size: var(--font-size-newswire);
color: var(--column-right-fg-color); color: var(--column-right-fg-color);
line-height: var(--line-spacing-newswire); line-height: var(--line-spacing-newswire);
} }
.newswireItemModerated { .newswireItemModerated {
font-size: var(--font-size-newswire); font-size: var(--font-size-newswire);
color: var(--newswire-item-moderated-color); color: var(--newswire-item-moderated-color);
line-height: var(--line-spacing-newswire); line-height: var(--line-spacing-newswire);
} }
.newswireDateModerated { .newswireDateModerated {
font-size: var(--font-size-newswire); font-size: var(--font-size-newswire);
font-weight: bold; font-weight: bold;
color: var(--newswire-date-moderated-color); color: var(--newswire-date-moderated-color);
float: right; float: right;
} }
.newswireItemVotedOn a:link { .newswireItemVotedOn a:link {
background: var(--newswire-voted-background-color); background: var(--newswire-voted-background-color);
} }
.newswireItemVotedOn { .newswireItemVotedOn {
font-size: var(--font-size-newswire); font-size: var(--font-size-newswire);
font-weight: bold; font-weight: bold;
color: var(--column-right-fg-color-voted-on); color: var(--column-right-fg-color-voted-on);
line-height: var(--line-spacing-newswire); line-height: var(--line-spacing-newswire);
} }
.newswireDate { .newswireDate {
font-size: var(--font-size-newswire); font-size: var(--font-size-newswire);
color: var(--newswire-date-color); color: var(--newswire-date-color);
float: right; float: right;
} }
.newswireDateVotedOn { .newswireDateVotedOn {
font-size: var(--font-size-newswire); font-size: var(--font-size-newswire);
font-weight: bold; font-weight: bold;
color: var(--column-right-fg-color-voted-on); color: var(--column-right-fg-color-voted-on);
float: right; float: right;
} }
.imageAnchorMobile img{ .imageAnchorMobile img{
display: none; display: none;
@ -1545,6 +1545,7 @@ aside .toggle-inside li {
background: var(--main-bg-color); background: var(--main-bg-color);
width: var(--column-right-icon-size); width: var(--column-right-icon-size);
float: right; float: right;
margin: 20px 0px;
} }
.rightColImg { .rightColImg {
background: var(--main-bg-color); background: var(--main-bg-color);
@ -1553,40 +1554,40 @@ aside .toggle-inside li {
padding: 0 0; padding: 0 0;
} }
.newswireItem { .newswireItem {
font-size: var(--font-size-newswire-mobile); font-size: var(--font-size-newswire-mobile);
color: var(--column-right-fg-color); color: var(--column-right-fg-color);
line-height: var(--line-spacing-newswire); line-height: var(--line-spacing-newswire);
} }
.newswireItemModerated { .newswireItemModerated {
font-size: var(--font-size-newswire-mobile); font-size: var(--font-size-newswire-mobile);
color: var(--newswire-item-moderated-color); color: var(--newswire-item-moderated-color);
line-height: var(--line-spacing-newswire); line-height: var(--line-spacing-newswire);
} }
.newswireDateModerated { .newswireDateModerated {
font-size: var(--font-size-newswire-mobile); font-size: var(--font-size-newswire-mobile);
font-weight: bold; font-weight: bold;
color: var(--newswire-date-moderated-color); color: var(--newswire-date-moderated-color);
float: right; float: right;
} }
.newswireItemVotedOn a:link { .newswireItemVotedOn a:link {
background: var(--newswire-voted-background-color); background: var(--newswire-voted-background-color);
} }
.newswireItemVotedOn { .newswireItemVotedOn {
font-size: var(--font-size-newswire-mobile); font-size: var(--font-size-newswire-mobile);
font-weight: bold; font-weight: bold;
color: var(--column-right-fg-color-voted-on); color: var(--column-right-fg-color-voted-on);
line-height: var(--line-spacing-newswire); line-height: var(--line-spacing-newswire);
} }
.newswireDate { .newswireDate {
font-size: var(--font-size-newswire-mobile); font-size: var(--font-size-newswire-mobile);
color: var(--newswire-date-color); color: var(--newswire-date-color);
float: right; float: right;
} }
.newswireDateVotedOn { .newswireDateVotedOn {
font-size: var(--font-size-newswire-mobile); font-size: var(--font-size-newswire-mobile);
font-weight: bold; font-weight: bold;
color: var(--column-right-fg-color-voted-on); color: var(--column-right-fg-color-voted-on);
float: right; float: right;
} }
.imageAnchorMobile img{ .imageAnchorMobile img{
display: inline; display: inline;