Fixed appearance on luakit

This commit is contained in:
rr- 2015-07-12 19:19:08 +02:00
parent 11648e055c
commit 6b6acb0bbf
3 changed files with 19 additions and 0 deletions

View file

@ -19,11 +19,13 @@
.comment { .comment {
margin: 0 0 1em 0; margin: 0 0 1em 0;
padding: 0; padding: 0;
display: -webkit-flex;
display: flex; display: flex;
} }
.comment .avatar { .comment .avatar {
margin-right: 0.5em; margin-right: 0.5em;
-webkit-flex-shrink: 0;
flex-shrink: 0; flex-shrink: 0;
vertical-align: top; vertical-align: top;
} }
@ -83,14 +85,18 @@
margin-bottom: 2em; margin-bottom: 2em;
} }
#global-comment-list .post-comment { #global-comment-list .post-comment {
display: -webkit-flex;
display: flex; display: flex;
} }
@media all and (max-width: 40em) { @media all and (max-width: 40em) {
#global-comment-list .post-comment { #global-comment-list .post-comment {
-webkit-flex-direction: column;
flex-direction: column; flex-direction: column;
} }
} }
#global-comment-list .post { #global-comment-list .post {
-webkit-flex-shrink: 0;
-webkit-flex-grow: 0;
flex-shrink: 0; flex-shrink: 0;
flex-grow: 0; flex-grow: 0;
margin-right: 1em; margin-right: 1em;

View file

@ -52,10 +52,16 @@
.post-list ul.safety .safety-unsafe.disabled:before { background: linear-gradient(#DDB7B7, #C9A195); } .post-list ul.safety .safety-unsafe.disabled:before { background: linear-gradient(#DDB7B7, #C9A195); }
.post-list ul.posts { .post-list ul.posts {
display: -webkit-flex;
-webkit-justify-content: center;
-webkit-align-content: center;
-webkit-flex-wrap: wrap;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-content: center; align-content: center;
flex-wrap: wrap; flex-wrap: wrap;
list-style-type: none; list-style-type: none;
padding: 0; padding: 0;
margin: 0; margin: 0;

View file

@ -32,22 +32,27 @@
@media all and (min-width: 62.5em) { @media all and (min-width: 62.5em) {
#post-view-wrapper { #post-view-wrapper {
display: -webkit-flex;
display: flex; display: flex;
} }
#post-view-wrapper #sidebar { #post-view-wrapper #sidebar {
min-width: 15em; min-width: 15em;
margin-right: 1em; margin-right: 1em;
-webkit-flex: 1;
flex: 1; flex: 1;
} }
#post-view-wrapper #post-view { #post-view-wrapper #post-view {
-webkit-flex: 5;
flex: 5; flex: 5;
} }
} }
@media all and (max-width: 62.5em) { @media all and (max-width: 62.5em) {
#post-view-wrapper { #post-view-wrapper {
display: -webkit-flex;
-webkit-flex-direction: column;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@ -114,6 +119,8 @@
} }
#sidebar .essential { #sidebar .essential {
display: -webkit-flex;
-webkit-justify-content: space-around;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
margin-bottom: 2em; margin-bottom: 2em;