ui, compressed images

js/apps/system/_admin/aardvark/APP/GruntFile.js

@@ -166,6 +166,20 @@
         }
       },
 
+      imagemin: {
+        dist: {
+          options: {
+            optimizationLevel: 7
+          },
+          files: [{
+             expand: true,
+             cwd: 'frontend/img',
+             src: ['**/*.{png,jpg,gif}'],
+             dest: 'frontend/img/compressed-img'
+          }]
+        }
+      },
+
       concat: {
         css: {
           src: ['<%=project.shared.css %>'],
@@ -326,6 +340,17 @@
           ],
           tasks: ['sass:dev']
         },
+        imagemin: {
+          files: [
+            'frontend/img/*.gif',
+            'frontend/img/*.png',
+            'frontend/img/*.jpg',
+            'frontend/img/*.jpeg'
+          ],
+          tasks: [
+            'imagemin'
+          ]
+        },
         concat_in_order: {
           files: [
             'frontend/js/{,*/}*.js',
@@ -353,6 +378,7 @@
     });
 
     grunt.loadNpmTasks("grunt-sass");
+    grunt.loadNpmTasks("grunt-contrib-imagemin");
     grunt.loadNpmTasks("grunt-contrib-concat");
 
     require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks);
@@ -362,6 +388,7 @@
       'sass:dev',
       'jshint:default',
       'replace',
+      'imagemin',
       'concat',
       'concat_in_order:sharedLibs',
       'concat_in_order:default',

js/apps/system/_admin/aardvark/APP/build/extra.css

@@ -5170,9 +5170,9 @@ input[type="submit"].btn::-moz-focus-inner {
   text-align: center;
   text-decoration: none;
   background-color: #000000;
-  -webkit-border-radius: 4px;
+  -webkit-border-radius: 3px;
-     -moz-border-radius: 4px;
+     -moz-border-radius: 3px;
-          border-radius: 4px;
+          border-radius: 3px;
 }
 
 .tooltip-arrow {
@@ -5228,15 +5228,9 @@ input[type="submit"].btn::-moz-focus-inner {
   background-color: #ffffff;
   border: 1px solid #ccc;
   border: 1px solid rgba(0, 0, 0, 0.2);
-  -webkit-border-radius: 6px;
+  -webkit-border-radius: 3px;
-     -moz-border-radius: 6px;
+     -moz-border-radius: 4px;
-          border-radius: 6px;
+          border-radius: 4px;
-  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-  -webkit-background-clip: padding-box;
-     -moz-background-clip: padding;
-          background-clip: padding-box;
 }
 
 .popover.top {