update(css): fix avatar styles

Fixes angular#45.
famouspotatoes1 · Jan 23, 2016 · 636836d · 636836d
1 parent c4bc0fd
commit 636836d
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 10 deletions.
diff --git a/app/assets/app.css b/app/assets/app.css
@@ -19,6 +19,11 @@ md-toolbar h3 {
 md-list-item > button {
  width:100%;
  text-align:left !important;
+ height:70px;;
+}
+
+md-icon.avatar {
+ margin-right: 20px;
 }
 
  md-list .md-button.selected {
@@ -34,6 +39,10 @@ md-sidenav > md-toolbar {
  height:64px;
 }
 
+md-list-item {
+ overflow: hidden;
+}
+
 /* Primary content area */
 
 
@@ -78,19 +87,16 @@ md-sidenav > md-toolbar {
 /* Typography support coming in 0.8.0 */
 
 .avatar {
- position: relative;
- width: 128px;
- height: 128px;
+ position:relative;
+ width: 54px;
+ height: 54px;
  border: 1px solid #ddd;
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
  margin: 0px;
  vertical-align: middle;
- zoom:0.70;
- transform: translateZ(0);
- -webkit-transform: scale(0.70);
- -moz-transform:scale(0.70);
+
 }
 
 

diff --git a/app/index.html b/app/index.html
@@ -26,9 +26,9 @@
  <body ng-app="starterApp" layout="row" ng-controller="UserController as ul" ng-cloak >
 
  <md-sidenav class="site-sidenav md-sidenav-left md-whiteframe-z2"
-  md-component-id="left"
- ng-click="ul.toggleList()" aria-label="Show User List"
-  md-is-locked-open="$mdMedia('gt-sm')">
+ md-component-id="left"
+ ng-click="ul.toggleList()" aria-label="Show User List"
+ md-is-locked-open="$mdMedia('gt-sm')">
 
  <md-toolbar class="md-whiteframe-z1">
  <h3>Users</h3>