fix socials layout

www/css/ppty.css

@@ -3,12 +3,6 @@
 /* =========================================================== */
 
 .ppty {
-  /* display: block; */
-  /* flex-direction: column; */
-  /* justify-content: start; */
-  /* align-content: center; */
-  /* align-items: start; */
-
   overflow: hidden;
 
   font-family: monospace;

www/css/style.css

@@ -46,45 +46,48 @@ main {
 }
 
 .socials-list {
-  /* display: flex; */
-  /* flex-direction: column; */
-  /* gap: 1ch; */
-  /* align-content: centerr; */
-  /* align-items: start; */
+  margin: 0;
+  padding: 0;
+  width: 45ch;
 
   list-style: none;
-  width: 45ch;
 }
 
 .socials-item {
+  border-bottom: 1px solid var(--theme-icon-off);
+  padding: 8px 0;
+
   display: flex;
-  
   align-items: start;
   gap: 12px;
-  padding: 8px 0;
-  border-bottom: 1px solid var(--theme-icon-off);
 }
 
 .socials-icon {
   width: 2ch;
   height: 2ch;
-  object-fit: contain;
+
   flex: 0 0 40px; /* fixed column */
+  object-fit: contain;
 }
 
 .socials-name {
   flex: 1 1 140px;
-  text-align: left;
-  min-width: 0; /* important to allow truncation if needed */
   overflow: hidden;
-  text-overflow: ellipsis;
   white-space: nowrap;
+  
+  text-align: left;
+  text-overflow: ellipsis;
 }
 
 .socials-link {
-  flex: 0 0 auto; /* fixed link column width; adjust as needed */
-  text-align: left;
-  color: var(--theme-link);
-  text-decoration: none;
+  min-width: 0; /* important to allow truncation if needed */
+  
+  overflow: hidden;
   white-space: nowrap;
+
+  text-align: left;
+  text-decoration: none;
+  text-overflow: ellipsis;
+
+  color: var(--theme-link);
 }

www/index.html

@@ -88,8 +88,8 @@
 
     <main>
       <div class="centered-container">
-        <div class="centered cryframe"> <!-- style="display: flex; flex-direction: row; gap: 20px;"> -->
-          <div style="display: flex; flex-direction: row; align-items: start; justify-items: end;">
+        <div class="centered cryframe">
+          <div style="display: flex; flex-direction: row; align-items: start; justify-items: center;">
 
             <img src="imgs/avatar.png" loading="eager" height="150">