Amend margins on mobile displays #662

Closed
marek-lach wants to merge 70 commits from marek-lach-patch-1-2 into master
3 changed files with 11 additions and 9 deletions

View file

@ -76,7 +76,7 @@ main .article-info {
// The article itself
main article {
max-width: $article-width;
margin: 2.5em auto;
margin: auto 0.5em !important;
font-family: $lora;
font-size: 1.2em;
line-height: 1.7;
@ -170,7 +170,7 @@ main .article-meta {
p {
font-size: 1.5em;
display: inline-block;
margin: 0;
margin: 0.1;
}
.action {
@ -179,7 +179,7 @@ main .article-meta {
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
padding: 0.1px;
background: none;
color: $text-color;
border: none;
@ -259,7 +259,7 @@ main .article-meta {
// Comments
.comments {
margin: 0 $horizontal-margin;
margin: 0.1 $horizontal-margin;
h2 {
color: $primary;

View file

@ -115,7 +115,7 @@ input[type="submit"] {
form.new-post {
max-width: 60em;
.title {
margin: 0 auto;
margin: auto 0;
padding: 0.75em 0;
background: none;
@ -144,7 +144,7 @@ form.new-post {
& > * {
flex-grow: 1;
max-width: 40%;
max-width: 60%;
}
}

View file

@ -42,7 +42,7 @@ small {
text-align: center;
font-weight: bold;
opacity: 0.6;
padding: 5em;
padding: 2em;
}
.right {
@ -73,7 +73,9 @@ body > main > *, .h-feed > * {
margin: 1em $horizontal-margin;
}
body > main > .h-entry, .h-feed {
body > main > .h-entry {
margin: auto;
} .h-feed {
margin: 0;
}
@ -152,7 +154,7 @@ p.error {
}
.user .avatar.medium {
margin-left: 0px;
margin-left: auto 0px !important;
}
.badge {