style tweaks

This commit is contained in:
Nolan Lawson 2018-02-06 21:20:33 -08:00
parent 556214bbf2
commit fa401d727f
3 changed files with 14 additions and 1 deletions

View File

@ -36,6 +36,11 @@
text-overflow: ellipsis; text-overflow: ellipsis;
color: var(--deemphasized-text-color); color: var(--deemphasized-text-color);
} }
@media (max-width: 767px) {
.search-result-account {
grid-column-gap: 10px;
}
}
</style> </style>
<script> <script>
import Avatar from '../status/Avatar.html' import Avatar from '../status/Avatar.html'

View File

@ -16,6 +16,8 @@
padding: 20px; padding: 20px;
flex: 1; flex: 1;
background: var(--settings-list-item-bg); background: var(--settings-list-item-bg);
}
.search-result-anchor, .search-result-anchor:visited {
color: var(--body-text-color); color: var(--body-text-color);
} }
.search-result-anchor:hover { .search-result-anchor:hover {
@ -25,4 +27,10 @@
.search-result-anchor:active { .search-result-anchor:active {
background: var(--settings-list-item-bg-active); background: var(--settings-list-item-bg-active);
} }
@media (max-width: 767px) {
.search-result-anchor {
padding: 15px 10px;
}
}
</style> </style>

View File

@ -23,7 +23,7 @@
{{/if}} {{/if}}
<label for="instanceInput">Instance:</label> <label for="instanceInput">Instance:</label>
<input class="new-instance-input" type="url" id="instanceInput" <input class="new-instance-input" type="text" id="instanceInput"
bind:value='$instanceNameInSearch' placeholder='' required bind:value='$instanceNameInSearch' placeholder='' required
> >
<button class="primary" type="submit" id="submitButton" disabled="{{!$instanceNameInSearch}}">Add instance</button> <button class="primary" type="submit" id="submitButton" disabled="{{!$instanceNameInSearch}}">Add instance</button>