GUAC-972: Ensure list links stretch the entire width of the list.

This commit is contained in:
Michael Jumper
2015-01-04 21:05:03 -08:00
parent b66c543bda
commit 9a373ae982
3 changed files with 17 additions and 12 deletions

View File

@@ -75,7 +75,7 @@ div.recent-connections .protocol {
vertical-align: middle;
}
.caption > * {
.caption .choice {
display: inline-block;
}

View File

@@ -21,12 +21,15 @@
THE SOFTWARE.
-->
<!-- Connection icon -->
<div class="protocol">
<div class="icon type" ng-class="item.protocol"></div>
<div class="caption">
<!-- Connection icon -->
<div class="protocol">
<div class="icon type" ng-class="item.protocol"></div>
</div>
<!-- Connection name -->
<span class="name">{{item.name}}</span>
</div>
<!-- Connection name -->
<span class="name">{{item.name}}</span>
</a>

View File

@@ -45,10 +45,12 @@ THE SOFTWARE.
<!-- List of users this user has access to -->
<div class="user-list">
<div ng-repeat="user in users | orderBy : 'username'" class="user list-item">
<div class="caption">
<div class="icon user"></div>
<a class="name" ng-href="#/manage/users/{{user.username}}">{{user.username}}</a>
</div>
<a ng-href="#/manage/users/{{user.username}}">
<div class="caption">
<div class="icon user"></div>
<span class="name">{{user.username}}</span>
</div>
</a>
</div>
</div>
</div>