Ensure the app grit item buttons are properly positioned

This commit is contained in:
Johannes Zellner
2015-04-01 16:43:41 +02:00
parent 354b004c78
commit d4d41dcdd5
2 changed files with 23 additions and 3 deletions
+8
View File
@@ -73,6 +73,14 @@ $table-border-color: transparent !default;
background-color: white
}
.scale {
transition: transform 100ms ease-out;
}
.scale:hover {
transform: scale(2)
}
.page-wrapper {
padding: 0px 30px;
}
+15 -3
View File
@@ -157,9 +157,21 @@
</a>
<div class="grid-item-bottom">
<div class="row">
<div class="col-xs-4"><a href="" ng-click="showConfigure(app)"><i class="fa fa-wrench"></i></a></div>
<div class="col-xs-4"><a href="" ng-click="showUpdate(app)" class="ng-hide animateMe" ng-show="app.updateVersion"><i class="fa fa-arrow-up text-success"></i></a></div>
<div class="col-xs-4"><a href="" ng-click="showUninstall(app)"><i class="fa fa-remove"></i></a></div>
<div class="col-xs-4 text-left">
<a href="" ng-click="showConfigure(app)">
<i class="fa fa-wrench scale"></i>
</a>
</div>
<div class="col-xs-4 text-center">
<a href="" ng-click="showUpdate(app)" class="ng-hide animateMe" ng-show="app.updateVersion">
<i class="fa fa-arrow-up text-success scale"></i>
</a>
</div>
<div class="col-xs-4 text-right">
<a href="" ng-click="showUninstall(app)">
<i class="fa fa-remove scale"></i>
</a>
</div>
</div>
</div>
</div>