Is there a way to edit the favorite macro to add spaces between page links?

[Jennifer Greiner]

Some users find it difficult to click the correct link when accessing confluence via mobile. Is there a way (maybe using a text editor) to manually set the Favorite Pages macro to include spaces between each link?

[Davin Studer]

You could do this with some CSS. You could either put it in the space stylesheet or the global stylsheet depending upon how you want it deployed. Also, of note if yo use the content by label macro you can get more inks than just 5. Below is how you can do it either way you choose.

Favorite Pages Macro:

CSS Style:

.favpages-container td {padding-bottom: 15px;}

Content By Label Macro: 

These screenshots show you how to set it up with the content by label macro.

CSS Style:

.content-by-label li {margin-bottom: 15px;}

In this case you might want to make the CSS only on the page that the macro is on as opposed to the space or global stylesheet because it could affect lots of pages. You could do that with the html macro, or you could create your own stylesheet user macro. Code below.

Macro Name:
style

Macro Title:
CSS Stylesheet

Macro Body Processing:
Unrendered

Template:

## Developed by: Davin Studer
## Date created: 08/10/2018
## @param media:title=Media|type=string|required=false|default=All|desc=Optionally specify which media types the style applies to, eg: print,aural,embossed
## @param import:title=Import|type=string|required=false|desc=Optional URL for an external style sheet to import

<style type="text/css">
########################################################################################
## Below CDATA fixes issue with greather than and less than symbols being escaped out ##
########################################################################################
/*<![CDATA[*/
#if($parammedia && $parammedia != "" && $parammedia != "All")
@media $parammedia {
#end
#if($paramimport && $paramimport != "")
@import url($paramimport);
#end
$!body
#if($parammedia && $parammedia != "" && $parammedia != "All")
}
#end
/*]]>*/
</style>