properly align input box items in share tab view

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan-Christoph Borchardt 2016-11-17 19:11:49 +01:00
parent 5eab1cdece
commit 88865e9728
1 changed files with 14 additions and 9 deletions

View File

@ -2,7 +2,10 @@
min-height: 100px;
}
.shareTabView .oneline { white-space: nowrap; }
.shareTabView .oneline {
white-space: nowrap;
position: relative;
}
.shareTabView .shareWithLoading {
padding-left: 10px;
@ -12,7 +15,10 @@
.shareTabView .shareWithRemoteInfo,
.shareTabView .clipboardButton {
padding-left: 10px;
position: absolute;
right: -7px;
top: -3px;
padding: 14px;
}
.shareTabView label {
@ -24,15 +30,14 @@
vertical-align: middle;
}
.shareTabView input[type="text"],
.shareTabView input[type="password"] {
width: 94%;
margin-left: 0;
}
.shareTabView input[type="text"].shareWithField,
.shareTabView input[type="text"].emailField,
.shareTabView input[type="text"].linkText {
width: 80%;
.shareTabView input[type="text"].linkText,
.shareTabView input[type="password"] {
width: 100%;
box-sizing: border-box;
padding-right: 32px;
text-overflow: ellipsis;
}
.shareTabView form {