[gnome-shell/wip/paging] Added good page indicators

[Carlos Soriano <csoriano src gnome org>]

commit e56520e9b61a69ab1437faad58cb9e466f7ff31a
Author: Carlos Soriano <carlos soriano89 gmail com>
Date:   Wed Jul 24 21:01:41 2013 +0200

    Added good page indicators

 data/theme/gnome-shell.css |   12 +++++++++++-
 js/ui/appDisplay.js        |   16 ++--------------
 2 files changed, 13 insertions(+), 15 deletions(-)
---
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index aa72238..79e4647 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -908,8 +908,18 @@ StScrollBar StButton#vhandle:active {
     padding: 0px 88px 10px 88px;
 }
 
+.pages-icon-indicator {
+       background-image: url(page-indicator-inactive.svg);
+}
+
+.pages-icon-indicator:hover,
+.pages-icon-indicator:checked{
+       background-image: url(page-indicator-active.svg);
+}
+
 .pages-indicator {
-       spacing: 50px;
+       spacing: 40px;
+       padding: 0px, 25px 0px, 0px;
 }
 
 .app-folder-icon {
diff --git a/js/ui/appDisplay.js b/js/ui/appDisplay.js
index aa6d25a..12036be 100644
--- a/js/ui/appDisplay.js
+++ b/js/ui/appDisplay.js
@@ -605,29 +605,17 @@ const PaginationIconIndicator = new Lang.Class({
 
     _init: function(parent, index) {
 
-        this.actor = new St.Button({ style_class: 'show-apps',
+        this.actor = new St.Button({ style_class: 'pages-icon-indicator',
                                      button_mask: St.ButtonMask.ONE || St.ButtonMask.TWO,
                                      toggle_mode: true,
                                      can_focus: true });
-        this._icon = new St.Icon({ icon_name: 'process-stop-symbolic',
-                                   icon_size: 32,
-                                   style_class: 'show-apps-icon',
-                                   track_hover: true});
         this.actor.connect('clicked', Lang.bind(this, this._onClicked));
-        this.actor.set_child(this._icon);
         this.actor._delegate = this;
+        this.actor.set_size(24, 24);
         this._parent = parent;
         this.actor._index = index;
     },
 
-    _createIcon: function(size) {
-        this._icon = new St.Icon({ icon_name: 'process-stop-symbolic',
-                                   icon_size: size,
-                                   style_class: 'show-apps-icon',
-                                   track_hover: true });
-        return this._icon;
-    },
-
     _onClicked: function(actor, button) {        
         this._parent.goToPage(this.actor._index); 
         return false;