From 3fc3992958229b849423d21aacee77292ac83373 Mon Sep 17 00:00:00 2001
From: Emile Clark-Boman <eclarkboman@gmail.com>
Date: Thu, 5 Feb 2026 12:37:28 +1000
Subject: [PATCH] fix socials layout

---
 www/css/ppty.css  |  6 ------
 www/css/style.css | 37 ++++++++++++++++++++-----------------
 www/index.html    |  4 ++--
 3 files changed, 22 insertions(+), 25 deletions(-)

diff --git a/www/css/ppty.css b/www/css/ppty.css
index ecf388d..a540afe 100644
--- a/www/css/ppty.css
+++ b/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;
diff --git a/www/css/style.css b/www/css/style.css
index 67aec8a..a6f8bb6 100644
--- a/www/css/style.css
+++ b/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);
 }
diff --git a/www/index.html b/www/index.html
index da2909b..2c147d8 100644
--- a/www/index.html
+++ b/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">