[gnome-sound-recorder] application.css, mainWindow.js: style changes

[Meg Ford (Margaret) <megford src gnome org>]

commit 91c5798d3d89e5d84368c64ea0a5dc823818796a
Author: Meg Ford <meg387 gmail com>
Date:   Sun Feb 2 02:13:04 2014 -0600

    application.css, mainWindow.js: style changes

 data/application.css |   22 ++++++++++++++++------
 src/mainWindow.js    |    4 ++++
 2 files changed, 20 insertions(+), 6 deletions(-)
---
diff --git a/data/application.css b/data/application.css
index 88e2598..9431b7e 100644
--- a/data/application.css
+++ b/data/application.css
@@ -1,5 +1,5 @@
 .view .button {
-  background-color: #86A0F1;
+  background-color: shade(@theme_selected_bg_color, 1.3);
   background-image: none;
   border: none; 
   border-radius: 0px; 
@@ -7,21 +7,31 @@
 }
 
 .view .button:hover {
-    background-color: #AABCF5;
+    background-color: shade(@theme_selected_bg_color, 1.45);
     transition: 200ms linear
 }
 
 .view .toolbar {
-  background-color: #86A0F1;  
+  background-color: @theme_selected_bg_color;  
   border-radius: 0px;
 }
 
-.view .toolbarEnd:dir(ltr) {
+.view .toolbarEnd {
   border-left: rgba(255,255,255,0.45) 1px solid; 
 }
 
-.view .toolbarEnd:dir(rtl) {
-  border-right: rgba(255,255,255,0.45) 1px solid; 
+.view .toolbarEnd:hover {
+  border-left: rgba(255,255,255,0.45) 1px solid;
+  transition: 200ms linear; 
+}
+
+.view .toolbarSecond {
+  border-right: rgba(255,255,255,0.45) 1px solid;
+}
+
+.view .toolbarSecond:hover {
+  border-right: rgba(255,255,255,0.45) 1px solid;
+  transition: 200ms linear; 
 }
 
 .emptyGrid {
diff --git a/src/mainWindow.js b/src/mainWindow.js
index b37c702..3ec38cd 100644
--- a/src/mainWindow.js
+++ b/src/mainWindow.js
@@ -361,6 +361,7 @@ const MainView = new Lang.Class({
                                                         vexpand: true,
                                                         name: "PlayButton" });
                 this._playListButton.set_image(this.playImage);
+                this._playListButton.set_tooltip_text(_("Play"));
                 this.rowGrid.attach(this._playListButton, 0, 0, 1, 2);
                 this._playListButton.hide();
                 this._playListButton.connect('clicked', Lang.bind(this,
@@ -380,6 +381,7 @@ const MainView = new Lang.Class({
                                                          vexpand: true,
                                                          name: "PauseButton" });
                 this._pauseListButton.set_image(this.pauseImage);
+                this._pauseListButton.set_tooltip_text(_("Pause"));
                 this.rowGrid.attach(this._pauseListButton, 0, 0, 1, 2);
                 this._pauseListButton.hide();
                 this._pauseListButton.connect('clicked', Lang.bind(this,
@@ -462,6 +464,7 @@ const MainView = new Lang.Class({
                         this._onInfoButton(file);
                     }));
                 this._info.set_tooltip_text(_("Info"));
+                this._info.get_style_context().add_class(rtl ? "toolbarEnd" : "toolbarSecond");
                 this.rowGrid.attach(this._info, 29, 0, 1, 2);
                 this._info.hide();
 
@@ -475,6 +478,7 @@ const MainView = new Lang.Class({
                     }));
                 this._delete.set_tooltip_text(_("Delete"));
                 this.rowGrid.attach(this._delete, 30, 0, 1, 2);
+                this._delete.get_style_context().add_class(rtl ? "toolbarSecond" : "toolbarEnd");
                 this._delete.hide();
                 
                 this._separator = Gtk.Separator.new(Gtk.Orientation.HORIZONTAL);