Fixed about-header styling and updated folder file

2 files changed, 9 insertions, 19 deletions

diff --git a/src/about/index.md b/src/about/index.md
index b6c5222..e24df6a 100644
--- a/src/about/index.md
+++ b/src/about/index.md
@@ -1,5 +1,5 @@
-<h1 id="About%20Me" style="display: inline-block;">About Me</h1>
-<p style="display: inline-block; margin-block-end: 0;">
+<h1 id="About%20Me" class="about-header">About Me</h1>
+<p class="about-p">
 	<a href="#About%20Me">
 		<img src="/img/link-tabler.svg" alt="🔗" style="border: none;">
 	</a>
@@ -14,10 +14,10 @@ I've been toying with computers ever since I was a kid, though mostly with the l
 
 I have 3 years of learning experience with *C#*, but I have also worked with *HTML*, *CSS*, *JavaScript*, *Haskell*, *Go* and *SQL*. My main desktop OS has been *Linux* for the past year and a half (first was [Linux Mint](https://linuxmint.com/) and now [Fedora](https://getfedora.org/)).
 
-<h1 id="Resume" style="display: inline-block;">
+<h1 id="Resume" class="about-header">
 	Resume
 </h1>
-<p style="display: inline-block; margin-block-end: 0;">
+<p class="about-p">
 	<a href="#Resume">
 		<img src="/img/link-tabler.svg" alt="🔗" style="border: none;">
 	</a>
@@ -33,10 +33,10 @@ I have 3 years of learning experience with *C#*, but I have also worked with *HT
 
 *Made with my [resume v1.1](https://gitlab.com/Syndamia/css-snippets/-/tree/main/resume-v1.1) HTML+CSS template.*
 
-<h1 id="Acknowledgements" style="display: inline-block;">
+<h1 id="Acknowledgements" class="about-header">
 	Acknowledgements
 </h1>
-<p style="display: inline-block; margin-block-end: 0;">
+<p class="about-p">
 	<a href="#Acknowledgements">
 		<img src="/img/link-tabler.svg" alt="🔗" style="border: none;">
 	</a>
@@ -45,7 +45,7 @@ I have 3 years of learning experience with *C#*, but I have also worked with *HT
 ---
 ---
 
-> [tabler-icons](https://github.com/tabler/tabler-icons) for link icon (that I modified)
+> [tabler-icons](https://github.com/tabler/tabler-icons) for link and chevron up icons (that I modified)
 
 <div></div>
 
diff --git a/src/styles.css b/src/styles.css
index cae4384..3f27474 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -87,7 +87,7 @@ table code {
 
 /* Show link icon next to headings */
 
-h2, h3, h4, h5, h6 {
+h2, h3, h4, h5, h6, .about-header {
   display: inline-block;
   margin-block-start: 0.4em;
   margin-block-end: 0.5em; /* Account for it being an inline block, as opposed to a normal block */
@@ -103,7 +103,7 @@ h1 + p a, h2 + p a, h3 + p a, h4 + p a, h5 + p a, h6 + p a {
 }
 
   /* This selects the link images, next to headings */
-h2 + p img, h3 + p img, h4 + p img, h5 + p img, h6 + p img {
+h2 + p img, h3 + p img, h4 + p img, h5 + p img, h6 + p img, .about-p {
   height: 1.3em;
   border: none;
   vertical-align: text-top;
@@ -181,16 +181,6 @@ h2 + p img, h3 + p img, h4 + p img, h5 + p img, h6 + p img {
   margin-block-end: calc(1em + 10px);
 }
 
-/* About me page styling */
-
-.about-header {
-  display: inline-block;
-}
-
-.about-p {
-  display: inline-block; margin-block-end: 0;
-}
-
 /* The following CSS is a modified version of sindresorhus's github-markdown-css repo: https://github.com/sindresorhus/github-markdown-css */
 
 code,