Increase padding between text and images in lists.

This has a caveat in that there may be additional padding if the first
thing in a list item is an image, but it is very unlikely in practice,
so it's not handled for now.

2 files changed, 12 insertions, 3 deletions

diff --git a/pydis_site/apps/content/resources/guides/pydis-guides/contributing/issues.md b/pydis_site/apps/content/resources/guides/pydis-guides/contributing/issues.md
index 52da95ce..9151e5e3 100644
--- a/pydis_site/apps/content/resources/guides/pydis-guides/contributing/issues.md
+++ b/pydis_site/apps/content/resources/guides/pydis-guides/contributing/issues.md
@@ -18,13 +18,13 @@ Often, an Issue ticket already exists within the scope of what you might be cons
 
 If you don't see one existing, then:
 
-Click the `Issues` tab in a repository:<br>
+1. Click the `Issues` tab in a repository:<br>
 ![Repository Issues Tab](/static/images/content/contributing/github_issues_tab.png)
 
-Click `New Issue`<br>
+2. Click `New Issue`:<br>
 ![New Issues Button](/static/images/content/contributing/github_new_issue.png)
 
-Enter the title and description for your issue, then click `Submit new issue`<br>
+3. Enter the title and description for your issue, then click `Submit new issue`:<br>
 ![Sample Issue](/static/images/content/contributing/github_sample_issue.png){: width="600" }
 
 ## What should I put as a title?
diff --git a/pydis_site/static/css/content/page.css b/pydis_site/static/css/content/page.css
index 3ac41d1b..d831f86d 100644
--- a/pydis_site/static/css/content/page.css
+++ b/pydis_site/static/css/content/page.css
@@ -68,3 +68,12 @@ ul.menu-list.toc {
 .toc > ul > li {
     list-style-type: disc;
 }
+
+/*
+ * Increase space between images and any text above the image in a list.
+ * This is used instead of a newline between the image and the text in markdown
+ * so the image remains left-aligned with the list item.
+ */
+li img {
+    margin-top: 0.5em;
+}