Fix tags on mobile

Closes #60
This commit is contained in:
Paul Adam Davis 2014-07-12 12:43:12 +01:00
parent c936a855c4
commit 4fed8e22c9
2 changed files with 16 additions and 6 deletions

View File

@ -556,7 +556,7 @@ body.zen {
pointer-events: none;
@media (max-width: 400px) {
right: 165px;
right: 200px;
}
}
@ -578,8 +578,7 @@ body.zen {
@media (max-width: 400px) {
display: block;
width: 115px;
max-width: inherit;
max-width: calc(100% - 230px);
padding-bottom: 0;
}
}
@ -603,13 +602,24 @@ body.zen {
input[type="text"].tag-input {
display: inline-block;
padding: 0;
vertical-align: top;
color: $lightgrey;
font-weight: 300;
background: transparent;
border: none;
width: 150px;
margin-top: -8px;
line-height: 1;
padding: 9px;
@media (max-width: 400px) {
position: absolute;
top: 11px;
right: 170px;
width: 20px;
}
&:focus {
outline: none;
}

File diff suppressed because one or more lines are too long