From 26225f0bfbaa58eb751d2c90ad0f351acfb4a77f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Florian=20M=C3=BCllner?= <fmuellner@gnome.org>
Date: Thu, 30 Sep 2010 23:49:07 +0200
Subject: [PATCH] dash: Move padding into the icon for Fittsability

With this change, the icons' reactive area extends to the screen
edge, making them good targets according to Fitts' law.

https://bugzilla.gnome.org/show_bug.cgi?id=634948
---
 data/theme/gnome-shell.css | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 849b7d3fc..f76bb690c 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -339,8 +339,7 @@ StTooltip StLabel {
 #dash {
     color: #5f5f5f;
     font-size: 12px;
-    padding: 12px;
-    spacing: 6px;
+    padding: 6px 0px;
     background-color: rgba(0, 0, 0, 0.5);
     border: 2px solid rgba(128, 128, 128, 0.4);
     border-left: 0px;
@@ -535,7 +534,11 @@ StTooltip StLabel {
     padding-bottom: 10px;
 }
 
-.app-well-app {
+#dash > .app-well-app {
+    padding: 6px 12px;
+}
+
+.app-well-app > .overview-icon {
     border-radius: 4px;
     padding: 4px;
     font-size: 10px;
@@ -544,22 +547,22 @@ StTooltip StLabel {
     text-align: center;
 }
 
-.app-well-app.running {
+.app-well-app.running > .overview-icon {
     text-shadow: black 0px 2px 2px;
     background-image: url("running-indicator.svg");
 }
 
-.app-well-app.selected {
+.app-well-app.selected > .overview-icon {
     background: rgba(255,255,255,0.33);
 }
 
-.app-well-app:hover {
+.app-well-app:hover > .overview-icon {
     background: rgba(255,255,255,0.33);
     text-shadow: black 0px 2px 2px;
     transition-duration: 100;
 }
 
-.app-well-app:active {
+.app-well-app:active > .overview-icon {
     background-color: #1e1e1e;
     border: 1px solid #5f5f5f;
 }