Small design and style fixes

This commit is contained in:
Thaum
2015-02-05 10:07:22 +00:00
parent 484b19be25
commit e8a7d6aeae
6 changed files with 57 additions and 10 deletions

View File

@@ -96,6 +96,7 @@ paper-button {
.fab-buffer {
height: 88px;
width: 100%;
}
*[hidden] {

View File

@@ -1,6 +1,6 @@
.skillRow {
height: 32px;
margin: 0 -8px 0 -8px;
margin: 0 -16px 0 -16px;
}
.skillRow core-icon {

View File

@@ -42,10 +42,6 @@
justify-content: center;
}
.card .subhead {
padding: 16px;
}
.editEffect > * {
vertical-align: bottom;
}

View File

@@ -22,9 +22,9 @@
<swipe-detect touch-action="pan-y" flex>{{> stats}}</swipe-detect>
<swipe-detect touch-action="pan-y" flex>{{> features}}</swipe-detect>
<swipe-detect touch-action="pan-y" flex>{{> inventory}}</swipe-detect>
<swipe-detect touch-action="pan-y" flex>spellBook</swipe-detect>
<swipe-detect touch-action="pan-y" flex>persona</swipe-detect>
<swipe-detect touch-action="pan-y" flex>journal</swipe-detect>
<swipe-detect touch-action="pan-y" flex>{{> spells}}</swipe-detect>
<swipe-detect touch-action="pan-y" flex>Persona Under Construction</swipe-detect>
<swipe-detect touch-action="pan-y" flex>Journal Under Construction</swipe-detect>
</core-animated-pages>
</div>
</template>

View File

@@ -3,7 +3,7 @@
<div id="inventory" class="scroll-y" fit>
<div class="containers">
<paper-shadow class="card container">
<div class="equipmentTop blue white-text" layout horizontal>
<div class="equipmentTop blue white-text" layout horizontal center>
<div class="containerName title" flex>Equipment</div>
<div class="caption" style="margin-right: 8px">(net Worth)</div>
<div class="caption">(weightCarried)lbs</div>
@@ -29,7 +29,7 @@
</paper-shadow>
{{#each containers}}
<paper-shadow class="card container" hero-id="main" {{detailHero}}>
<div class="containerTop green white-text" hero-id="toolbar" layout horizontal {{detailHero}}>
<div class="containerTop green white-text" hero-id="toolbar" layout horizontal center {{detailHero}}>
<div class="containerName title" hero-id="title" flex {{detailHero}}>{{name}}</div>
<div class="caption" style="margin-right: 8px">{{valueString totalValue}}</div>
<div class="caption">{{round totalWeight}}lbs</div>
@@ -45,6 +45,7 @@
</div>
</paper-shadow>
{{/each}}
<div class="fab-buffer"></div>
</div>
</div>
<paper-fab-menu id="inventoryAddMenu" icon="add" closeIcon="close" duration="0.3">