Merge pull request #51 from glyptodon/link-usability

GUAC-972: Ensure list links stretch the entire width of the list.
This commit is contained in:
James Muehlner
2015-01-04 21:14:54 -08:00
3 changed files with 17 additions and 12 deletions

View File

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

View File

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

View File

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