Added paddingLeft to header

the-hideout · Mar 14, 2024 · 040c3dc · 040c3dc
1 parent f8358cf
commit 040c3dc
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 13 deletions.
diff --git a/src/pages/achievements/index.css b/src/pages/achievements/index.css
@@ -1,7 +1,7 @@
 .rare {
-    color: violet;
+    color: #8c6edf;
 }
 
 .legendary {
-    color: gold;
+    color: #ffe084;
 }
diff --git a/src/pages/achievements/index.js b/src/pages/achievements/index.js
@@ -31,21 +31,17 @@ function Achievements() {
         () => [
             {
                 Header: () => (
-                    <div
-                      style={{
-                        textAlign:'left'
-                      }}
-                    >{t('Name')}</div>),
+                    <div style={{textAlign:'left', paddingLeft:'10px'}}>
+                        {t('Name')}
+                    </div>),
                 id: 'name',
                 accessor: 'name',
             },
             {
                 Header: () => (
-                    <div
-                      style={{
-                        textAlign:'left'
-                      }}
-                    >{t('Description')}</div>),
+                    <div style={{textAlign:'left', paddingLeft:'10px'}}>
+                        {t('Description')}
+                    </div>),
                 id: 'description',
                 accessor: 'description',
             },
@@ -85,7 +81,7 @@ function Achievements() {
                 accessor: 'rarity',
                 Cell: (props) => {
                     return (
-                        <div className={props.row.original.normalizedRarity}>
+                        <div className={`center-content ${props.row.original.normalizedRarity}`}>
                             {props.value}
                         </div>
                     );