5 files changed, 21 insertions, 8 deletions

diff --git a/frontend/src/components/Login.tsx b/frontend/src/components/Login.tsx
index a8c5503..545f724 100644
--- a/frontend/src/components/Login.tsx
+++ b/frontend/src/components/Login.tsx
@@ -38,7 +38,7 @@ const Login: React.FC<LoginProps> = ({ setToken, profile, setProfile }) => {
                 <>
                   <Link to="/profile" tabIndex={-1} className='login'>
                     <button className='sidebar-button'>
-                      <img src={profile.avatar_link} alt="" />
+                      <img className="avatar-img" src={profile.avatar_link} alt="" />
                       <span>{profile.user_name}</span>
                     </button>
                     <button className='logout-button' onClick={_logout}>
@@ -52,7 +52,7 @@ const Login: React.FC<LoginProps> = ({ setToken, profile, setProfile }) => {
                 <>
                   <Link to="/" tabIndex={-1} className='login'>
                     <button className='sidebar-button'>
-                      <img src={profile.avatar_link} alt="" />
+                      <img className="avatar-img" src={profile.avatar_link} alt="" />
                       <span>Loading Profile...</span>
                     </button>
                     <button disabled className='logout-button' onClick={_logout}>
@@ -68,7 +68,7 @@ const Login: React.FC<LoginProps> = ({ setToken, profile, setProfile }) => {
         (
           <Link to="/api/v1/login" tabIndex={-1} className='login' >
             <button className='sidebar-button' onClick={_login}>
-              <img src={UserIcon} alt="" />
+              <img className="avatar-img" src={UserIcon} alt="" />
               <span>
                 <img src={LoginIcon} alt="Sign in through Steam" />
               </span>
diff --git a/frontend/src/css/About.css b/frontend/src/css/About.css
index f998699..d4fdf07 100644
--- a/frontend/src/css/About.css
+++ b/frontend/src/css/About.css
@@ -13,4 +13,13 @@
     font-family: BarlowSemiCondensed-Regular;
     color: #cdcfdf;
 
-}
\ No newline at end of file
+}
+
+h1 {
+        font-size: 80px;
+}
+
+h2 {
+        font-size: 60px;
+}
+
diff --git a/frontend/src/css/Maplist.css b/frontend/src/css/Maplist.css
index 230ac98..9880a27 100644
--- a/frontend/src/css/Maplist.css
+++ b/frontend/src/css/Maplist.css
@@ -3,7 +3,7 @@ h1 {
     margin: 0px 0px;
 }
 
-h2 {
+.portal-count {
     margin: 20px 0px;
     font-family: "BarlowSemiCondensed-SemiBold";
     font-size: 96px;
@@ -101,7 +101,7 @@ h3 {
 
 .map-entry-image {
     display: flex;
-    height: 150px;
+    height: 200px;
     background-size: cover;
 }
 
diff --git a/frontend/src/css/Sidebar.css b/frontend/src/css/Sidebar.css
index 396f6ac..a91862e 100644
--- a/frontend/src/css/Sidebar.css
+++ b/frontend/src/css/Sidebar.css
@@ -77,7 +77,7 @@
     width: 310px;

     height: 40px;

     border-radius: 20px;

-    padding: 0.4em 0 0 11px;

+    padding: 0.3em 0 0 11px;

 

     transition: 

     width .3s,

@@ -85,6 +85,10 @@
     padding .3s;

 }

 

+.sidebar-button .avatar-img {

+        border-radius: 50px;

+}

+

 .logout-button{

     display: grid;

     grid-template-columns: 50px auto;

diff --git a/frontend/src/pages/Maplist.tsx b/frontend/src/pages/Maplist.tsx
index e3d7aab..a76c1f5 100644
--- a/frontend/src/pages/Maplist.tsx
+++ b/frontend/src/pages/Maplist.tsx
@@ -108,7 +108,7 @@ const Maplist: React.FC = () => {
           >
             <div className="blur">
               <div className="game-header-portal-count">
-                <h2>
+                <h2 className="portal-count">
                   {
                     game?.category_portals.find(
                       (obj) => obj.category.id === catNum + 1