Make flag icon more customizable

[tetron432]

It's really difficult to get the flag icon in template to show up where I would want it to go- is it possible to get {% render_flag_form post user %} variable as an HTML element or template variable so we can put it where we want? The icon is always at the far right regardless where I put it.

[abhiabhi94]

Thanks for the feedback.

I agree this is something that should be a lot easier to customize. As of now, this behavior of the icon floating towards the right comes from CSS.

django-flag-app/flag/static/flag/css/flag.css

Lines 32 to 36 in 509b3d5

	.flag-icon {
	float: right;
	border: inherit;
	background: inherit;
	}

The class flag-icon is need by the JavaScript file flag.js for some processing. So the name needs to be there. Although you can override the default static files pretty similar to how you override the default templates. For more information on this, please see https://docs.djangoproject.com/en/dev/ref/contrib/staticfiles/#collectstatic

If you have any ideas, how we can make this customization easier, I would love to know them.

[abhiabhi94]

There is more some information in the documentation about customizing the flag icon. Please see https://django-flag-app.readthedocs.io/en/latest/style-customisation.html#flag-icon in case, this fits your case.