style(profile): fix width of profile link items

Also: - Center profile link items in mobile device
fi3ework · May 20, 2024 · 5c017cf · 5c017cf
1 parent 8dec933
commit 5c017cf
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 6 deletions.
diff --git a/source/css/mobile.css b/source/css/mobile.css
diff --git a/source/css/mobile.css.map b/source/css/mobile.css.map
diff --git a/source/css/style.css b/source/css/style.css
diff --git a/source/css/style.css.map b/source/css/style.css.map
diff --git a/src/scss/_partial/_partial/_profile.scss b/src/scss/_partial/_partial/_profile.scss
@@ -117,7 +117,8 @@
 }
 
 .profile-item-icon {
-  margin-right: 0.3rem;
+  margin-right: 0.4rem;
+  width: 1.2rem !important;
 }
 
 .about-me {

diff --git a/src/scss/mobile.scss b/src/scss/mobile.scss
@@ -16,7 +16,7 @@
 }
 
 .profile {
-  margin: 1rem auto 0.5rem auto;
+  margin: 3rem auto 0.5rem auto;
   padding: 0 0;
   .profile-avatar {
     width: 60%;
@@ -25,6 +25,15 @@
   .profile-social {
     display: none;
   }
+  .friends {
+    text-align: center;
+    div {
+      text-align: center;
+    }
+  }
+  .profile-link-item {
+    text-align: center;
+  }
 }
 
 .toc-wrapper {