Tell me more ×
Ask Ubuntu is a question and answer site for Ubuntu users and developers. It's 100% free, no registration required.
up vote 1 down vote favorite
1

I know nothing about CSS, but with a little help, I managed to make the activites button in Shell to display the ubuntu icon. It's great, works good with most all themes.

enter image description here

Except for one part. There is a small gap between the Ubuntu Icon and the icon for the current application (left of the mouse in the second picture).

enter image description here

I know that it wouldn't bother anyone besides me, but when it comes to my desktop I have OCD and need to find a way to get that gap smaller. Is there any way to get the small little area even smaller? Any number I can edit in the CSS file? I use the icon on Zukiwito-Shell and Faience shell themes, but I believe my problem would be the same with just stock default theme.
The line I add is the one highlighted in this pic (I manually add image.png in the folder of the theme)

enter image description here

Any ideas?

share|improve this question

1 Answer

up vote 2 down vote

Reduce the width and try adding the following to your css.

width: 30px; display: block; margin-left: auto; margin-right: auto
share|improve this answer
Where would I place that in the file? – Stramato Dec 8 '11 at 2:36
Right in line where it is now. You used an image so I could not copy-paste. On the line with the 'url' to the image file, with all the other options border: none; backgroung-image: ... width: 30px; display: block; margin-left: auto; margin-right: auto; ... color: rgba(0,0,0,0); You can increase readability if you wish by writing one css property per line. FWIW : w3schools.com/css – bodhi.zazen Dec 8 '11 at 2:42

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.