jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-08 18:06:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Tweak panel padding so they match with eachother (#171)

Browse Source
This commit is contained in:
Michaël Arnauts 2017-01-06 11:21:16 +01:00 committed by Paulus Schoutsen
parent 029ed86395
commit 5d6cd514ab
8 changed files with 15 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
panels/dev-event/ha-panel-dev-event.html
View File

@ -27,7 +27,7 @@
} }
.content { .content {
@apply(--paper-font-body1); @apply(--paper-font-body1);
padding: 24px; padding: 16px;
} }
.ha-form { .ha-form {

2
panels/dev-info/ha-panel-dev-info.html
View File

@ -21,7 +21,7 @@
} }
.content { .content {
padding: 24px; padding: 16px;
} }
.about { .about {

2
panels/dev-service/ha-panel-dev-service.html
View File

@ -25,7 +25,7 @@
} }
.content { .content {
padding: 24px; padding: 16px;
} }
.ha-form { .ha-form {

8
panels/dev-state/ha-panel-dev-state.html
View File

@ -24,7 +24,7 @@
} }
.content { .content {
padding: 24px; padding: 16px;
} }
.entities th { .entities th {
@ -59,8 +59,10 @@
<div class='content'> <div class='content'>
<div> <div>
Set the representation of a device within Home Assistant.<br /> <p>
This will not communicate with the actual device. Set the representation of a device within Home Assistant.<br />
This will not communicate with the actual device.
</p>
<paper-input label="Entity ID" autofocus required value='{{_entityId}}'></paper-input> <paper-input label="Entity ID" autofocus required value='{{_entityId}}'></paper-input>
<paper-input label="State" required value='{{_state}}'></paper-input> <paper-input label="State" required value='{{_state}}'></paper-input>

2
panels/dev-template/ha-panel-dev-template.html
View File

@ -23,7 +23,7 @@
} }
.content { .content {
padding: 24px; padding: 16px;
} }
.edit-pane { .edit-pane {

15
panels/history/ha-panel-history.html
View File

@ -16,20 +16,12 @@
<template> <template>
<style include="iron-flex ha-style"> <style include="iron-flex ha-style">
.content { .content {
background-color: white; padding: 16px;
}
.content.wide {
padding: 8px;
} }
paper-input { paper-input {
max-width: 200px; max-width: 200px;
} }
.narrow paper-input {
margin-left: 8px;
}
</style> </style>
<app-header-layout has-scrolling-region> <app-header-layout has-scrolling-region>
@ -44,7 +36,7 @@
</app-toolbar> </app-toolbar>
</app-header> </app-header>
<div class$="[[computeContentClasses(narrow)]]"> <div class="flex content">
<paper-input <paper-input
label='Showing entries for' label='Showing entries for'
id='datePicker' id='datePicker'
@ -156,8 +148,5 @@ Polymer({
this.datePicker.destroy(); this.datePicker.destroy();
}, },
computeContentClasses: function (narrow) {
return narrow ? 'flex content narrow' : 'flex content wide';
},
}); });
</script> </script>

1
panels/logbook/ha-logbook.html
View File

@ -9,7 +9,6 @@
<style> <style>
:host { :host {
display: block; display: block;
padding: 16px;
} }
.entry { .entry {

7
panels/logbook/ha-panel-logbook.html
View File

@ -18,8 +18,8 @@
<dom-module id="ha-panel-logbook"> <dom-module id="ha-panel-logbook">
<template> <template>
<style include="ha-style"> <style include="ha-style">
.selected-date-container { .content {
padding: 0 16px; padding: 16px;
} }
paper-input { paper-input {
@ -43,7 +43,7 @@
</app-toolbar> </app-toolbar>
</app-header> </app-header>
<div> <div class="flex content">
<div class='selected-date-container'> <div class='selected-date-container'>
<paper-input <paper-input
label='Showing entries for' label='Showing entries for'
@ -167,5 +167,6 @@ Polymer({
detached: function () { detached: function () {
this.datePicker.destroy(); this.datePicker.destroy();
}, },
}); });
</script> </script>