some small improvements

mrzepinski · Oct 5, 2014 · 62e3cdc · 62e3cdc
1 parent 5615569
commit 62e3cdc
Show file tree

Hide file tree

Showing 8 changed files with 30 additions and 28 deletions.
diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-debug-bar",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "author": "Maciej Rzepinski",
   "description": "AngularJS Debug Bar",
   "homepage": "https://github.com/mrzepinski/angular-debug-bar",

diff --git a/dist/css/angular-debug-bar.css b/dist/css/angular-debug-bar.css
@@ -68,17 +68,18 @@
   #angular-debug-bar.show {
     bottom: 0; }
     #angular-debug-bar.show button, #angular-debug-bar.show button:hover {
-      top: -21px; }
+      top: -33px; }
     #angular-debug-bar.show ul {
       overflow: auto;
       max-height: 200px; }
   #angular-debug-bar button {
     cursor: pointer;
     position: absolute;
-    left: 5px;
-    top: -13px;
+    right: 5px;
+    top: -16px;
     text-align: center;
-    padding: 3px;
+    font-size: 110%;
+    padding: 6px;
     border: none;
     outline: 0;
     background: #03A9F4;
@@ -89,11 +90,11 @@
     border-top-left-radius: 5px;
     border-top-right-radius: 5px; }
     #angular-debug-bar button:hover {
-      top: -21px; }
+      top: -33px; }
   #angular-debug-bar ul {
     list-style: none;
     padding: 0;
-    margin: 20px auto 0;
+    margin: 0 auto;
     display: block;
     width: 90%; }
     #angular-debug-bar ul li {

diff --git a/dist/css/angular-debug-bar.min.css b/dist/css/angular-debug-bar.min.css
diff --git a/dist/js/angular-debug-bar.js b/dist/js/angular-debug-bar.js
@@ -1,11 +1,11 @@
 // AngularJS-Debug-Bar - Maciej Rzepinski
 // git://github.com/mrzepinski/angular-debug-bar.git - MIT License
-(function (angular, document, window) {
+(function (window, document, angular, undefined) {
     'use strict';
 
-    angular.module('angular-debug-bar', []);
+    var debugBar = angular.module('angular-debug-bar', []);
 
-    angular.module('angular-debug-bar').factory('DebugBarFactory', [
+    debugBar.factory('DebugBarFactory', [
         '$timeout',
         function ($timeout) {
             var plugins = {},
@@ -269,7 +269,7 @@
         }
     ]);
 
-    angular.module('angular-debug-bar').directive('angularDebugBarPlugins', [
+    debugBar.directive('angularDebugBarPlugins', [
         '$compile',
         function ($compile) {
             var template = function (pluginParams) {
@@ -305,7 +305,7 @@
         }
     ]);
 
-    angular.module('angular-debug-bar').directive('angularDebugBar', [
+    debugBar.directive('angularDebugBar', [
         '$compile', 'DebugBarFactory',
         function ($compile, DebugBarFactory) {
             return {
@@ -338,4 +338,4 @@
             };
         }
     ]);
-})(angular, document, window);
+})(window, window.document, window.angular);
diff --git a/dist/js/angular-debug-bar.min.js b/dist/js/angular-debug-bar.min.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-debug-bar",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "title": "AngularJS-Debug-Bar",
   "description": "AngularJS Debug Bar",
   "license": "MIT",

diff --git a/src/js/angular-debug-bar.js b/src/js/angular-debug-bar.js
@@ -1,9 +1,9 @@
-(function (angular, document, window) {
+(function (window, document, angular, undefined) {
     'use strict';
 
-    angular.module('angular-debug-bar', []);
+    var debugBar = angular.module('angular-debug-bar', []);
 
-    angular.module('angular-debug-bar').factory('DebugBarFactory', [
+    debugBar.factory('DebugBarFactory', [
         '$timeout',
         function ($timeout) {
             var plugins = {},
@@ -267,7 +267,7 @@
         }
     ]);
 
-    angular.module('angular-debug-bar').directive('angularDebugBarPlugins', [
+    debugBar.directive('angularDebugBarPlugins', [
         '$compile',
         function ($compile) {
             var template = function (pluginParams) {
@@ -303,7 +303,7 @@
         }
     ]);
 
-    angular.module('angular-debug-bar').directive('angularDebugBar', [
+    debugBar.directive('angularDebugBar', [
         '$compile', 'DebugBarFactory',
         function ($compile, DebugBarFactory) {
             return {
@@ -336,4 +336,4 @@
             };
         }
     ]);
-})(angular, document, window);
+})(window, window.document, window.angular);
diff --git a/src/scss/angular-debug-bar.scss b/src/scss/angular-debug-bar.scss
@@ -49,7 +49,7 @@ $buttonBorderRadius: 5px;
 
     button,
     button:hover {
-      top: -21px;
+      top: -33px;
     }
 
     ul {
@@ -61,10 +61,11 @@ $buttonBorderRadius: 5px;
   button {
     cursor: pointer;
     position: absolute;
-    left: 5px;
-    top: -13px;
+    right: 5px;
+    top: -16px;
     text-align: center;
-    padding: 3px;
+    font-size: 110%;
+    padding: 6px;
     border: none;
     outline: 0;
     background: $lightblue;
@@ -77,14 +78,14 @@ $buttonBorderRadius: 5px;
     border-top-right-radius: $buttonBorderRadius;
 
     &:hover {
-      top: -21px;
+      top: -33px;
     }
   }
 
   ul {
     list-style: none;
     padding: 0;
-    margin: 20px auto 0;
+    margin: 0 auto;
     display: block;
     width: 90%;