refactor(litleIssues): preloader logs and firefox, tabs - icons,messa…

…ge-center icons raonded

src/app/pages/ui/tabs/sideTabs.html

@@ -6,7 +6,7 @@
         Take up one idea.
       </p>
 
-      <div class="kameleon-icon with-round-bg danger"><img ng-src="{{::( 'Key' | kameleonImg )}}"></div>
+      <div class="kameleon-icon-tabs kameleon-icon with-round-bg danger"><img ng-src="{{::( 'Key' | kameleonImg )}}"></div>
       <p>
         People who succeed have momentum. The more they succeed, the more they want to succeed, and the more they find a
         way to succeed. </p>
@@ -45,7 +45,7 @@
         Take up one idea.
       </p>
 
-      <div class="kameleon-icon with-round-bg warning"><img ng-src="{{::( 'Phone-Booth' | kameleonImg )}}"></div>
+      <div class="kameleon-icon-tabs kameleon-icon with-round-bg warning"><img ng-src="{{::( 'Phone-Booth' | kameleonImg )}}"></div>
       <p>
         People who succeed have momentum. The more they succeed, the more they want to succeed, and the more they find a
         way to succeed. </p>

src/app/theme/components/msgCenter/msgCenter.html

@@ -16,7 +16,7 @@
       </div>
       <div class="msg-list">
         <a href class="clearfix" ng-repeat="msg in notifications">
-          <div class="img-area"><img ng-src="{{::( msg.image ||  (users[msg.userId].name | profilePicture) )}}"></div>
+          <div class="img-area"><img ng-class="{'photo-msg-item' : !msg.image}" ng-src="{{::( msg.image ||  (users[msg.userId].name | profilePicture) )}}"></div>
           <div class="msg-area">
             <div ng-bind-html="getMessage(msg)"></div>
             <span>{{ msg.time }}</span>
@@ -40,7 +40,7 @@
       </div>
       <div class="msg-list">
         <a href class="clearfix" ng-repeat="msg in messages">
-          <div class="img-area"><img ng-src="{{::( users[msg.userId].name | profilePicture )}}"></div>
+          <div class="img-area"><img class="photo-msg-item" ng-src="{{::( users[msg.userId].name | profilePicture )}}"></div>
           <div class="msg-area">
             <div>{{ msg.text }}</div>
             <span>{{ msg.time }}</span>

src/app/theme/services/preloader.js

@@ -16,16 +16,13 @@
         var img = new Image();
         img.src = src;
         img.onload = function(){
-          console.log("img " + src + " loaded");
           d.resolve();
         };
         return d.promise;
       },
       loadAmCharts : function(){
         var d = $q.defer();
-        console.log("amchart");
         AmCharts.ready(function(){
-          console.log("amchart loaded");
           d.resolve();
         });
         return d.promise;

src/sass/app/_iconsPage.scss

@@ -33,7 +33,7 @@ a.see-all-icons {
   float: right;
 }
 
-.awesomeIcons{
+.awesomeIcons {
   height: 308px;
 }
 
@@ -58,6 +58,15 @@ a.see-all-icons {
   }
 }
 
+.kameleon-icon-tabs {
+  max-width: 84px;
+  img {
+    width: 100%;
+    min-width: 81px;
+    min-height: 81px;
+  }
+}
+
 .kameleon-icon {
   text-align: center;
   margin: 0 auto;

src/sass/theme/_preloader.scss

@@ -6,6 +6,14 @@
     transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
   }
 }
+@-moz-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg); /* Firefox 16+*/
+  }
+  100% {
+    -moz-transform: rotate(360deg); /* Firefox 16+*/
+  }
+}
 
 @keyframes spin {
   0% {

src/sass/theme/components/_msgCenter.scss

@@ -148,7 +148,9 @@
         img {
           width: 36px;
           height: 36px;
-          border-radius: 4px;
+          &.photo-msg-item{
+            border-radius: 18px;
+          }
         }
         & > div {
           width: 36px;