Linux Mint 17 – Increase the Panel Icon Spacing/Gap

I recently decided to give up Microsoft and Windows.  After browsing a multitude of Linux distros, I settled on Linux Mint 17.  I like the style of Cinnamon and it works well for me as a Software Developer.

One issue I had recently was that the panel icons (similar to Quick Launch in Windows) have almost no gap between them at all in the default Cinnamon theme.

Example of crowded icon panel in Cinnamon:

Linux_Mint_Default_Panel_Icon_Spacing

How to change this?  As with most Linux problems, sifting through the endless babbling and misunderstanding on forums is painful, but once found, the solution is generally simple.

The panel spacing is in the cinnamon.css file.  Use tab completion to help with that “space” in the middle of “Linux Mint”.

/usr/share/themes/Linux Mint/cinnamon

Screenshot from 2014-11-06 11:21:25

Edit cinnamon.css and then search for “.panel-launcher”.  I like nano:

sudo nano cinnamon.css

Press CTRL-W (opens search in Nano, similar to “/” in Vi)

.panel-launcher    … then press <Enter>

Add/Modify:  padding: 3px;

Screenshot from 2014-11-06 11:26:35

Press CTRL-X, “y” to save modified buffer, then <Enter> (saves file).

To Restart Cinnamon:   ALT-F2, Enter “r” and press <Enter>.

Linux_Mint_Modified_Panel_Spacing

Done!

  8 comments for “Linux Mint 17 – Increase the Panel Icon Spacing/Gap

  1. Neil Simmonds
    October 21, 2015 at 1:28 AM

    I don’t know why nobodies commented before, but I have to say, thank you so much for this. I’ve also recently made the jump to Linux (Gaming always kept me on Windows before but Wine has improved a lot) and this was one think that was bugging me. My panels look so much better now.

    • RevisionX
      October 24, 2015 at 12:30 PM

      Glad I could help out – I’m still running Mint, still love it.

      • brindle
        January 29, 2016 at 2:11 PM

        And a big thanks from me too. Also loving Mint Cinnamon – just perfect for me

  2. March 3, 2016 at 7:22 PM

    Edit cinnamon.css and then search for “.panel-launcher”. I like nano:
    sudo nano cinnamon.css

    My question is, how can I edit cinnamon.css before I search for “.panel-launcher”. I get “Panel Launcher not found” when I press CTRL W and then Enter. I’m not familiar with the terminal too much and there seems to be assumptions of which I do not understand. I’ve tried this about 4 times, and all I have now is another file called cinnamon.css.save. Don’t know how that got in there or how to get rid of it.

    • RevisionX
      March 3, 2016 at 8:48 PM

      Hi –

      Here’s a one line command that you can copy/paste into a terminal window.
      Highlight the command, right click and select “Copy”.
      Open a terminal window and either click down on your mouse-wheel, or right-click and select ‘Paste.’

      sudo gedit /usr/share/themes/”Linux Mint”/cinnamon/cinnamon.css

      That will launch a graphical text editor where you can search for panel-launcher and edit as you might in Windows/Mac.

      Hope that helps…

      Here’s a beginner’s guide to Nano if you want to hack around/practice:
      http://www.howtogeek.com/howto/42980/the-beginners-guide-to-nano-the-linux-command-line-text-editor/

      By the way, the .save file can be deleted – it’s basically an “auto-backup” created by nano once you begin to edit a file.

      • March 3, 2016 at 10:40 PM

        Thanks for the quick response. The terminal command did not work at first try. I had to remove the quotation marks from Linux Mint prior to entering it in the terminal. That was so easy to do and less complicated for me, that is for sure. Will have to file this response for future use. Thanks again. Now, I will attempt to delete both of the .save files from the cinnamon.css folder.

  3. Brant
    March 27, 2016 at 8:27 AM

    Thank you very much. This was a minor irritation—but one that was always in one’s face!
    I had posted a question on the Linux Mint forums in 2014 and never had a useful response, although on reflection I realize my title was badly chosen:
    “I would like to enlarge the icons in the program toolbar” certainly could have been better put.
    I entered the gist of RevisionX’s solution on that thread, and marked it solved.

    • RevisionX
      March 27, 2016 at 12:06 PM

      You’re very welcome!

Leave a Reply

Your email address will not be published. Required fields are marked *