Fix Google manage entity button on small screens (#3234)

This commit is contained in:
Paulus Schoutsen 2019-05-31 21:26:47 -07:00 committed by GitHub
parent fe4811b278
commit be4dd5b20b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 2 deletions

View File

@ -99,6 +99,7 @@ export class CloudGooglePref extends LitElement {
> >
Sync entities to Google Sync entities to Google
</ha-call-api-button> </ha-call-api-button>
<div class="spacer"></div>
<a href="/config/cloud/google-assistant"> <a href="/config/cloud/google-assistant">
<mwc-button>Manage Entities</mwc-button> <mwc-button>Manage Entities</mwc-button>
</a> </a>
@ -151,11 +152,14 @@ export class CloudGooglePref extends LitElement {
paper-input { paper-input {
width: 200px; width: 200px;
} }
.card-actions {
display: flex;
}
.card-actions a { .card-actions a {
text-decoration: none; text-decoration: none;
} }
.card-actions mwc-button { .spacer {
float: right; flex-grow: 1;
} }
`; `;
} }

View File

@ -127,6 +127,9 @@ export class CloudRemotePref extends LitElement {
.card-actions { .card-actions {
display: flex; display: flex;
} }
.card-actions a {
text-decoration: none;
}
.spacer { .spacer {
flex-grow: 1; flex-grow: 1;
} }