Simplify styling of Gist section's previous-work list

D-Pow · Oct 11, 2024 · c98cd37 · c98cd37
1 parent 86c3c6a
commit c98cd37
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/src/components/Home/GistSection/GistSection.jsx b/src/components/Home/GistSection/GistSection.jsx
@@ -11,6 +11,8 @@ import {
 } from '@/utils/CommonRenders';
 import { getGridBreakpoints } from '@/utils/Scss';
 
+import '@/styles/GistSection.scss';
+
 function GistSection(props) {
     const pageText = {
         title: 'Full-stack software engineer',
@@ -35,8 +37,8 @@ function GistSection(props) {
                 <div className={'mb-4'}>
                     I've also worked at:
 
-                    <ul style={{ paddingLeft: '0', listStyleType: 'none' }}>
-                        <li style={{ marginTop: '0.5rem' }}>
+                    <ul className={'previous-work'}>
+                        <li>
                             <details>
                                 <summary>Nextdoor</summary>
 
@@ -53,7 +55,7 @@ function GistSection(props) {
                             </details>
                         </li>
 
-                        <li style={{ marginTop: '0.5rem' }}>
+                        <li>
                             <details>
                                 <summary>E-Trade</summary>
 

diff --git a/src/styles/GistSection.scss b/src/styles/GistSection.scss
@@ -0,0 +1,8 @@
+ul.previous-work {
+    padding-left: 0;
+    list-style-type: none;
+
+    & li {
+        margin-top: 0.5rem;
+    }
+}