UX: Improve padding while editing a query and text-field width consistency

This commit is contained in:
Rishabh Nambiar 2018-08-29 13:21:02 +05:30
parent 0673b68a58
commit 3bdf624ced
2 changed files with 7 additions and 1 deletions

View File

@ -38,7 +38,9 @@
<div class="previous"> <div class="previous">
{{d-button action="goHome" icon="chevron-left" class="no-text btn-med"}} {{d-button action="goHome" icon="chevron-left" class="no-text btn-med"}}
</div> </div>
{{text-field value=selectedItem.name}} <div class="name-text-field">
{{text-field value=selectedItem.name}}
</div>
</div> </div>
<div class="desc"> <div class="desc">
{{textarea value=selectedItem.description placeholder=(i18n "explorer.description_placeholder")}} {{textarea value=selectedItem.description placeholder=(i18n "explorer.description_placeholder")}}

View File

@ -143,6 +143,10 @@
display: inline-block; display: inline-block;
color: $secondary-low; color: $secondary-low;
} }
.name-text-field {
padding-top: 0.75em;
width: calc(100% - 10px);
}
.name .previous { .name .previous {
padding: 0.2em; padding: 0.2em;
display: inline-block; display: inline-block;