Improved support for small screens in upload form

This commit is contained in:
Marcin Kurczewski 2014-08-03 23:41:15 +02:00
parent aca551038f
commit 26fcfa1bd9

View file

@ -1,13 +1,3 @@
.items .item {
width: 30%;
float: left;
}
.items .sep {
width: 3%;
float: left;
}
#upload-step1 {
display: table;
width: 50%;
@ -63,21 +53,39 @@
}
#posts {
border-spacing: 0;
table-layout: fixed;
width: 100%;
}
#posts td,
#posts th {
padding: 0.2em 0.5em;
text-align: center;
}
#posts th {
font-weight: normal;
text-align: left;
}
#posts tr.selected {
background: lemonchiffon;
}
#posts .checkbox {
width: 30px;
padding: 0.2em 0;
}
#posts .checkbox input {
margin: 0 auto;
}
#posts .thumbnail {
width: 40px;
padding: 0.2em 0;
}
#posts .safety {
width: 60px;
padding: 0.2em 0;
}
#posts .tags {
width: 100%;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
}
#posts .safety {
text-align: center;
@ -94,11 +102,14 @@
#posts .thumbnail img {
width: 30px;
height: 30px;
display: inline-block;
margin: 0;
background-size: 30px 30px;
}
#post-ops {
list-style-type: none;
margin: 1em 0;
padding: 0;
}
#post-ops li {
display: inline-block;